vue如何对developer和build的打包进行不同配置

这篇文章给大家分享的是有关vue如何对developer和build的打包进行不同配置的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

对developer和build的打包进行不同配置

大部分开发者都喜欢将Vue的config写在一个文件中，看起来是没有问题，但是随着环境的变化，项目优化，WebPack插件，等等具有针对性的配置进来后，就会显得稍微杂乱了，这个时候就可以考虑做单独的配置，通过process.dev分别对不同的环境进行一个config的引入，下面贴出我的配置方式。我在项目根目录下新建了一个config目录，里面将公共的方法进行拆包成一个public.js其他的根据生产环境和线下环境进行一个区分的编译。

-- config--- dev.js--- build.js--- public.jsvue.config.js# 代码 vue.config.jsconst devConfig = require('./config/dev')const buildConfig = require('./config/build')module.exports = process.env.NODE_ENV === 'development' ? devConfig : buildConfig

感谢各位的阅读！关于"vue如何对developer和build的打包进行不同配置"这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！