随笔分类 -  webpack

摘要:webpack对于PWA的打包配置 typescript的打包配置 WebpackDevServer 实现请求转发 webpack-dev-server解决单页面应用路由问题 EsLint 在 Webpack 中的配置 阅读全文
posted @ 2020-11-25 15:46 磊~~ 阅读(67) 评论(0) 推荐(0) 编辑
摘要:webpack默认打包之后的代码形式是这样的(假设我导出 module.exports = 'hello world' ) (function () { return 'hello world' })() 注意:代码是一个自执行函数,外界想获取函数里面的返回值怎么办(也就是模块的导出结果 hello 阅读全文
posted @ 2020-11-25 15:43 磊~~ 阅读(94) 评论(0) 推荐(0) 编辑
摘要:Tree Shaking Develoment 和 Production 模式的区分打包 方式一:不同模式用不同配置文件打包 1.安装webpack-merge合并多个配置文件 npm install webpack-merge -d 2.webpack-common.js做公共的配置 const 阅读全文
posted @ 2020-11-25 09:41 磊~~ 阅读(220) 评论(0) 推荐(0) 编辑
摘要:看完这篇还搞不懂webpack,求你打我 - 简书 (jianshu.com) 1,静态资源打包 file-loader npm install --save-dev file-loader module.exports = { module: { rules: [ { test: /\.(png| 阅读全文
posted @ 2020-11-24 10:57 磊~~ 阅读(89) 评论(0) 推荐(0) 编辑
摘要:安装 npm install --save-dev cross-env 使用 { "scripts": { "build": "cross-env NODE_ENV=production webpack --config build/webpack.config.js" } } NODE_ENV环境 阅读全文
posted @ 2020-11-21 11:18 磊~~ 阅读(435) 评论(0) 推荐(0) 编辑
摘要:一、配置 resolve.modules 1,优化原理 (1)webpack 的 resolve.modules 是用来配置模块库(即 node_modules)所在的位置。当 js 里出现 import 'vue' 这样不是相对、也不是绝对路径的写法时,它便会到 node_modules 目录下去 阅读全文
posted @ 2020-11-19 11:26 磊~~ 阅读(457) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示