代码之家  ›  专栏  ›  技术社区  ›  kramer65

如何使用webpack 2.7将Vue.js置于生产模式?

  •  8
  • kramer65  · 技术社区  · 6 年前

    我有一个Vue.js存在性能问题的现有代码库。我在浏览器控制台中也看到了这个通知:

    enter image description here

    所以我想一个简单的解决办法是将Vue投入生产模式。

    the suggested link DefinePlugin :

    var webpack = require('webpack')
    module.exports = {
      // ...
      plugins: [
        // ...
        new webpack.DefinePlugin({
          'process.env.NODE_ENV': JSON.stringify('production')
        })
      ]
    }
    

    因此,在我的package.json中,我定义了一个构建脚本:

    enter image description here

    为我经营的生产而建造 yarn run build 它运行一个 build.js 文件( paste here )反过来又叫 webpack.base.conf.js ( paste here webpack.prod.conf.js ( paste here ).

    你可以在我用的浆糊里看到 按照文件的建议。

    我还找到了一个叫做 vue-loader.conf.js ( paste here )当然,我还添加了 定义插件

    我能跑 纱线流型 最后没有错误,但是当通过Apache服务站点并打开浏览器时,仍然会显示我们处于开发模式的通知。

    为了确保它确实使用了webpack创建的文件,我完全删除了这个文件夹 /public/webpack/ 并检查没有丢失文件的webinterface没有正确加载,然后再次构建,以查看在命令完成后是否正确加载。所以它确实使用了这个webpack进程生成的文件。但是Vue实际上并不是在生产模式下创建的。

    有人知道我做错了什么吗?欢迎所有提示!

    1 回复  |  直到 6 年前