webpack
文章平均质量分 78
你吃香蕉吗?
踏上山巅的每一步都有可能跌落,重要的是可以告诉自己继续走下去,并且是这样做的,那么,你终会看到满天繁星,日出东方。
展开
-
从头搭建一个基于webpack的项目
使用webpack搭建vue2 或 vue3项目原创 2023-08-24 09:46:22 · 1365 阅读 · 0 评论 -
玩转webpack(01):初识webpack
初识webpack原创 2022-11-28 14:29:56 · 456 阅读 · 0 评论 -
玩转webpack(03):webpack进阶使用
一、自动清理构建目录二、自动补齐CSS3前缀三、移动端px自动转换为rem四、静态资源内联五、多页面应用打包通用方案六、使用source map七、基础库分离(externals)八、提取页面公共资源九、Tree Shaking的原理和使用十、Scope Hoisting的原理和使用十一、代码分割和动态import十二、在webpack中使用ESLint** eslint-loader安装报错?十三、webpack打包库和组件原创 2022-12-10 14:48:19 · 1076 阅读 · 0 评论 -
玩转webpack(02):webpack基础使用
webpack5内置了terser-webpack-plugin,如果需要额外配置需要安装terser-webpack-plugin并进行一系列调整。webpack默认只支持js和json两种文件类型,通过loaders去支持其他文件类型并且把他们转化成有效的模块,并且可以添加到依赖图中。(6)新建文件webpack.prod.js,并将原有的webpack.config.js改为webpack.dev.js。webpack-dev-middleware将webpack输出的文件传输给服务器。原创 2022-11-30 10:44:13 · 733 阅读 · 0 评论 -
devtool: ‘cheap-module-eval-source-map‘报错
今天在学习TS的过程中发现了一个问题,之前的一套简单的配置,在原来使用的时候都是ok的,但是在我升级webpack版本之后打包报错了,报错如下: 这段报错大概的意思就是说:devtool应该的匹配模式是以inline-或hidden-或eval-起始,webpack5中对于devtool更加严格,需要严格遵循模式中的关键字顺序。 这就很好修改啦:将devtool:'cheap-module-eval-source-map'修改为devtool:...原创 2021-08-31 21:19:05 · 1799 阅读 · 2 评论