美文网首页
webpack配置基础[05]-配置文件的分离

webpack配置基础[05]-配置文件的分离

作者: 神楽花菜 | 来源:发表于2019-11-16 16:44 被阅读0次

    一般开发时和发布时的配置文件会分离,所以在根目录下创建一个build文件夹来分离不同的配置并新建一些配置文件:


    base.config.js:公共依赖
    prod.config.js:发布依赖
    dev.config.js:开发时依赖

    安装webpack-merge进行配置文件的拼接

    npm install webpack-merge --save --dev
    

    拼接baseConfig和pordConfig:

    const uglifyjsWebpackPlugin = require('uglifyjs-webpack-plugin');
    const webpackMerge = require('webpack-merge')
    const baseConfig = require('./base.config.js')
    module.exports = webpackMerge(baseConfig, {
        plugins:[
            new uglifyjsWebpackPlugin()
        ]
    })
    

    同时要改变输出路径:

    output: {
            path:path.resolve(__dirname , "../dist"),
            filename: 'boundle.js'
        },
    

    相关文章

      网友评论

          本文标题:webpack配置基础[05]-配置文件的分离

          本文链接:https://www.haomeiwen.com/subject/psuyictx.html