去掉"You are running Vue in development mode"提示

vue項目中報錯:html

You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.htmlvue

 

嘗試許多方法均無果,後嘗試不使用 dll 加速構建,不會有此提示
最終發現是由於使用 DllPlugin 和 DllReferencePlugin 加速構建時,生成的 vue 未指明 env.NODE_ENV
在 webpack.dll.conf.js 裏指定 production 後問題解決
修改 plugins 配置webpack

/** ... */
plugins: [
    new webpack.DllPlugin({
      path: path.join(__dirname, '.', '[name]-manifest.json'),
      name: '[name]_library',
    }),
    new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false
      }
    }),
    // 去掉 vue 的 development 提示
    new webpack.DefinePlugin({
      'process.env.NODE_ENV': JSON.stringify('production')
    })
  ]
/** ... */
相關文章
相關標籤/搜索