Webpack学习（二）

最新推荐文章于 2024-08-22 20:54:21 发布

Charlotte1018

最新推荐文章于 2024-08-22 20:54:21 发布

阅读量258

点赞数 1

分类专栏：前端自动化工具文章标签：插件 webpack

本文链接：https://blog.csdn.net/Charlotte1018/article/details/74277972

版权

前端自动化工具专栏收录该内容

3 篇文章 0 订阅

订阅专栏

5.创建项目文件，如下图所示：

这里写图片描述

6.webpack主要用到三种插件，插件均通过cnpm install 插件名
（1）html-webpack-plugin

new htmlWebpackPlugin({
            template: 'index.html',
            filename: 'index.html',
            inject: false,
            minify: {                 //压缩Html
                removeComments: true, //除去注释
                collapseWhitespace: true //除去空格
            }
        })

（2）copy-webpack-plugin

new copyWebpackPlugin([
            { from: 'app/views/**' },
            { from: 'app/resource/**' },
            { from: 'app/images/**' }
        ])

（3）clean-webpack-plugin