开发环境正常,在生产环境打开console会在最上面见到这样一句话:
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.html
翻译哈:
您正在以开发模式运行Vue。
在部署生产时,请确保打开生产模式。
更多技巧请访问https://vuejs.org/guide/deployment.html
在生产环境运行为什么会说我们在开发环境部署呢,那就跟着看呗:https://vuejs.org/guide/deployment.html
so 清楚的写到了:
当使用 webpack 或 Browserify 类似的构建工具时,Vue 源码会根据 process.env.NODE_ENV
决定是否启用生产环境模式,默认情况为开发环境模式。
那要怎么配置:人家也写的很清楚:
我webpack版本4以下,我先试试:
plugins: [
new webpack.optimize.ModuleConcatenationPlugin(),
new webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /zh-cn/),
new webpack.DefinePlugin({
'process.env': env,
'process.env.NODE_ENV': JSON.stringify('production'), // 就是这一句
}),
...
]
去看看效果如何~~