Fork me on GitHub
摘要: 当我们修改带hash的文件并进行打包时,每打包一次就会生成一个新的文件,而旧的文件并 没有删除。为了解决这种情况,我们可以使用clean webpack plugin 在打包之前将文件先清除,之后再打包出最新的文件 安装 配置 使用 配置完成,在打包时自动生效 阅读全文
posted @ 2019-12-23 22:13 粥里有勺糖 阅读(488) 评论(0) 推荐(0) 编辑
摘要: 以css配置示例,less与sass同理 1. 使用旧版的ExtractTextPlugin插件 安装 在webpack.config.js中配置 如果还使用了根据css自动加前缀loader 使用方法 配置完成后运行webpack打包即可 2.使用新版mini css extract plugin 阅读全文
posted @ 2019-12-23 22:09 粥里有勺糖 阅读(540) 评论(0) 推荐(0) 编辑
摘要: 1. 安装 html webpack plugin 2. 在webpack.config.js中配置 3. 使用方法 直接启动webpack进行项目打包即可 阅读全文
posted @ 2019-12-23 20:38 粥里有勺糖 阅读(2535) 评论(0) 推荐(0) 编辑
摘要: 1. 本地文件引入 配置 使用 index.js 2. 通过npm引入 安装 使用 index.js 阅读全文
posted @ 2019-12-23 20:33 粥里有勺糖 阅读(1290) 评论(1) 推荐(1) 编辑
摘要: 1. 安装 file loader 2. 在webpack.config.js中配置 3. 使用方法 直接启动webpack进行项目打包即可 阅读全文
posted @ 2019-12-23 19:47 粥里有勺糖 阅读(818) 评论(0) 推荐(0) 编辑
摘要: 1. 安装 file loader html loader 其中html loader生效需配合 html webpack plugin (分离html插件)才能生效 2. 在webpack.config.js中配置 3. 使用方法 index.css index.js 阅读全文
posted @ 2019-12-23 19:24 粥里有勺糖 阅读(320) 评论(0) 推荐(0) 编辑
摘要: 1.安装 "postcss loader" "autoprefixer" 2.配置webpack.config.js 以css示例,less与sass中配置类似 3. 修改package.json 增加如下内容 4. 使用方式 通过直接引入配置了postcss loader的文件 阅读全文
posted @ 2019-12-23 13:13 粥里有勺糖 阅读(560) 评论(0) 推荐(0) 编辑
摘要: less 1.安装 less loader 与 less 2.配置webpack.config.js 3. 使用方法 index.js sass 1.安装 sass loader 与 node sass 2.配置webpack.config.js 3. 使用方法 index.js 阅读全文
posted @ 2019-12-23 13:06 粥里有勺糖 阅读(853) 评论(0) 推荐(0) 编辑
摘要: 1. 安装css loader 与 style loader 2. 在webpack.config.js中配置 3. 使用方法 index.js 阅读全文
posted @ 2019-12-23 13:03 粥里有勺糖 阅读(669) 评论(0) 推荐(0) 编辑