美文网首页Webpackwebpack学习vue2+webpack
webpack4配置vue项目----12.清理dist目录

webpack4配置vue项目----12.清理dist目录

作者: 花拾superzay | 来源:发表于2019-11-21 11:56 被阅读0次

    这是一篇webpack4配置的系列文章,推荐从头开始看起
    1.初始化
    2.关于执行环境process.env.NODE_ENV
    3.设置mode和sourceMap
    4.加载css, scss文件,以及样式抽离
    5.加载图片等文件
    6.html-webpack-plugin插件
    7.单vue文件的加载,以及babel的使用
    8.配置devServer服务器,热更新,前端跨域代理
    9.设置目录别名
    10.css样式前缀自动补全
    11.public公共静态资源目录拷贝
    12.清理dist目录

    安装clean-webpack-plugin插件(当前版本3.0.0)

    npm install clean-webpack-plugin --save-dev
    

    webpack.config.js添加如下配置

    const {CleanWebpackPlugin} = require('clean-webpack-plugin');
    
    module.exports = {  
        plugins: [
            new CleanWebpackPlugin(),
        ],
    };
    

    相关文章

      网友评论

        本文标题:webpack4配置vue项目----12.清理dist目录

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