![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Webpack
miles-zh
前端小白,请多关照!!!
展开
-
Webpack学习笔记(四) —— 配置文件分离提取
webpack的配置进行合并和提取公共配置 安装webpack-merge cnpm i webpack-merge --save-dev webpack.common.js文件(删除原webpack.config.js)var HtmlWebpackPlugin = require('html-webpack-plugin'); const {CleanWebpackPlugin} = r...原创 2020-02-27 15:06:32 · 323 阅读 · 0 评论 -
Webpack学习笔记(三) —— 相关功能完善
打包后的js和css自动注入到html中 安装html-webpack-plugin npm install --save-dev html-webpack-plugin webpack.config.js文件新增 var HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { plugins: [ne...原创 2020-02-27 14:51:51 · 277 阅读 · 0 评论 -
Webpack学习笔记(二) —— 相关文件处理
处理sass npm i -D node-sass sass-loader 安装 sass-loader和node-sass webpack.config.js文件中module.exports对象中module模块rules增加规则 module:{ rules:[ // 用style-loader和css-loader处理css文件 ...转载 2020-02-27 14:42:20 · 278 阅读 · 0 评论 -
Webpack学习笔记(一) —— 如何使用打包工具?
创建基本的webpack4.x项目 cd 项目文件夹下 运行: npm init -y快速初始化项目 在根目录下创建src源代码目录和dist产品目录 在src目录下创建index.html和index.js文件 运行:npm install webpack webpack-cli -D安装webpack和webpack-cli 在根目录下创建webpack.config.js文件,在文件中输入...原创 2019-10-17 13:31:11 · 159 阅读 · 0 评论