摘要:
在配置webpack的时候,没有实时编译,每次修改的时候,都需要重新执行webpack命令。这样效率很低 此时可以通过设置watch属性为true,表示实时编译 const { resolve } = require("path"); module.exports = { // 入口文件 entry 阅读全文
摘要:
目录文件: 打包配置CSS资源 此时只配置了html的plugin和css的loader。 在index.css中引入图片 webpack.config.js文件 const { resolve } = require("path"); const HtmlWebpackPlugin = requi 阅读全文
摘要:
JS文件的压缩 index.js function add(a, b) { return a + b; } console.log(add(1, 2)); 此时进行webpack打包 打包后的build/build.js HTML文件的压缩 HTML文件的压缩是在html-webpack-plugi 阅读全文
摘要:
ES6的语法兼容 ES6的语法兼容,低版本浏览器是不识别的,比如IE8以下,如果使用webpack进行打包js文件,是不会进行翻译的,使用babel会翻译ES6的语法 我们在index.js文件中使用es6语法写一个函数 const fun = (a, b) => a + b; console.lo 阅读全文
摘要:
style-loader、css-loader、less-loader都是基础配置,常用配置指的是按需配置,需要使用的时候再进行的配置 目录结构: 安装依赖 npm install mini-css-extract-plugin -D webpack.config.js文件 const {resol 阅读全文