03 2022 档案
配置less
摘要:安装loader: less-loader npm install less less-loader --save-dev webpack.config { test: /\.less$/i, use: ["style-loader", "css-loader",'less-loader'], },
阅读全文
devtool
摘要:webpack链接 https://webpack.docschina.org/configuration/devtool/#devtool devtool 主要用来调试代码 打包后的代码给调试带来了困难,因为当运行发生错误的时候,我们更加希望能看到源代码中的错误,而不是转换后代码的错误,为了解决这
阅读全文
webpack-配置文件
摘要:配置文件 默认为根目录下的webpack.config.js 也可以通过CLI参数--config来指定某个配置文件 例 npx webpack --config vue.config.js webpack.config.js中需要导出一个对象 module.exports = { mode: 'p
阅读全文
webpack-编译结果分析
摘要:对webpack打包后的代码进行分析 打包前 src目录下 index.js console.log('hello world'); var a = require('./a.js'); console.log(a) a.js var a = 1; require('./b.js') exports
阅读全文
webpack-安装和使用
摘要:安装 npm init //初始化工程 npm i -D webpack webpack-cli //本地安装webpack和webpack-cli 使用 打包默认找到src下的index.js文件当作入口文件,然后打包到 dist/main.js 命令行方式 npx webpack --mode=
阅读全文