1. 程式人生 > >webpack vue-cli 常見問題總結

webpack vue-cli 常見問題總結

src 文件 code fun 版本 property 壓縮 public 包含

1. webpack打包壓縮 ES6 js、.vue報錯:

ERROR in js/test.js from UglifyJs
Unexpected token punc ?(?, expected punc ?:? [js/test.js:1374,5]

這個問題通常是因為js用了es6的寫法,uglifyJs 不支持壓縮出錯。

解決辦法:

1 查看是否有使用babel轉換。 打開webpack.base.conf.js

      {
        test: /\.js$/,
        loader: ‘babel-loader‘,
        include: [resolve(‘src‘), resolve(‘test‘),resolve(‘public‘)]
      },

  檢查include裏是否包含了你的代碼。

2 查看轉換的版本是否是es2015

配置babel,把配置放到文件【.babelrc】中

 {
"presets": ["es2015"]
}

  

2. Cannot read property ‘install‘ of undefined at Function.Vue.use (vue.esm.js?65d7:4343) 出現這個報錯 是因為 vue.use了一個不存在的組件。沒有install方法。所以要排查是哪個插件沒有import進來。

webpack vue-cli 常見問題總結