分类 VUE 下的文章

node.getIterator is not a function postcss 报错

作者: 千里不留行
时间: 2022-06-02
分类: VUE
评论

出错原因：做一个移动端的项目，安装了postcss-px2rem,同时安装了vant插件，在全局引入时，main.js导入vant样式文件报错以上错。

百度出错原因是因为postcss-px2rem

解决方案：卸载postcss-px2rem，下载postcss-pxtorem，postcss-pxtorem也是一款postcss插件，用于将css单位转化为rem,用于移动端适配，同时在postcss.config.js设置如下代码，没有这个文件可以自己创建该文件夹。amfe-flexible ，添加根节点 font-size

npm install autoprefixer postcss-pxtorem amfe-flexible --save-dev

const autoprefixer = require('autoprefixer')
const px2rem = require('postcss-pxtorem')

module.exports = {
  plugins: [autoprefixer(), px2rem({ rootValue: 75, unitPrecision: 5, propList: ['*'] })]
}

main.js 增加

import 'amfe-flexible'

vue webpack 去掉打包注释

作者: 千里不留行
时间: 2022-04-19
分类: VUE
评论

安装 uglifyjs-webpack-plugin

npm install uglifyjs-webpack-plugin --save-dev

vue.config.js

const UglifyJsPlugin = require('uglifyjs-webpack-plugin') //引入插件
configureWebpack: {
    // provide the app's title in webpack's name field, so that
    // it can be accessed in index.html to inject the correct title.
    
    optimization: {
      minimizer: [
        new UglifyJsPlugin({
          uglifyOptions: {
            // 删除注释
            output: {
              comments: false
            },
            // 删除console debugger 删除警告
            compress: {
              drop_console: true, //console
              drop_debugger: false,
              pure_funcs: ['console.log'] //移除console
            }
          }
        })
      ]
    }
  },