2021年11月25日
配置 babel es6 语法转成 es5
摘要： // 配置 babel es6 语法转成 es5 npm install --save-dev babel-loader @babel/core npm install @babel/preset-env --save-dev npm install --save @babel/polyfill n 阅读全文
posted @ 2021-11-25 17:40 13522679763-任国强 阅读(130) 评论(0) 推荐(0)
配置 source-map 快速定位js代码错误位置
摘要： // 配置 source-map 快速定位js代码错误位置 // 开发配置 // mode:'development', // development || production // source-map->会生成单独的 .map 文件 // inline-source-map 不会生成单独的 . 阅读全文
posted @ 2021-11-25 14:50 13522679763-任国强 阅读(300) 评论(0) 推荐(0)
配置 entry 和 output
摘要： // 配置 entry 和 output entry:{ main:'./src/index.js', // sub:'./src/index.js' }, output:{ // filename: 'dist.js', // publicPath:'http:///www.cdn.com', / 阅读全文
posted @ 2021-11-25 13:53 13522679763-任国强 阅读(38) 评论(0) 推荐(0)
自动生成 html 文件html-webpack-plugin, clean-webpack-plugin打包之前 自动删除 dist 目录里的文件
摘要： // 自动生成 html 文件 npm install html-webpack-plugin@3.2.0 -D const htmlWebpackPligun = require('html-webpack-plugin') plugins:[ new htmlWebpackPligun({ te 阅读全文
posted @ 2021-11-25 12:23 13522679763-任国强 阅读(88) 评论(0) 推荐(0)
打包字体文件
摘要： // 打包字体文件 { test:/\.(woff2|woff|ttf)$/, use:{ loader:'file-loader' } } , 阅读全文
posted @ 2021-11-25 11:47 13522679763-任国强 阅读(52) 评论(0) 推荐(0)
css配置打包
摘要： // { // test:/\.css$/, // use:['style-loader','css-loader'] // } , { test:/\.scss$/, use:[ 'style-loader', // 'css-loader', { loader:'css-loader', opt 阅读全文
posted @ 2021-11-25 11:29 13522679763-任国强 阅读(27) 评论(0) 推荐(0)
打包文件图片url-loader
摘要： // 打包文件图片url-loader // url-loader 可以配置是否生成 base64 格式图片 npm install url-loader -D rules:[ { test:/\.(jpg|png|gif)$/, use:{ loader: 'url-loader', option 阅读全文
posted @ 2021-11-25 10:03 13522679763-任国强 阅读(39) 评论(0) 推荐(0)