Webpack
magic_engineer
这个作者很懒,什么都没留下…
展开
-
Webpack常用Plugins
用于修改行为define-plugin:定义环境变量。 context-replacement-plugin:修改require语句在寻找文件时的默认行为。 ignore-plugin:用于忽略部分文件。用于优化commons-chunk-plugin:提取公共代码。 extract-text-webpack-plugin:提取 JavaScript 中的 CSS 代码到单独的文件中。 prepack-webpack-plugin:通过 Facebook 的 Prepack...原创 2020-07-22 22:16:12 · 401 阅读 · 0 评论 -
Webpack常用Loaders
加载文件raw-loader:把文本文件的内容加载到代码中去。 file-loader:把文件输出到一个文件夹中,在代码中通过相对 URL 去引用输出的文件。 url-loader:和 file-loader 类似,但是能在文件很小的情况下以 base64 的方式把文件内容注入到代码中去。 source-map-loader:加载额外的 Source Map 文件,以方便断点调试。 svg-inline-loader:把压缩后的 SVG 内容注入到代码中。 node-loader:...原创 2020-07-22 22:01:46 · 330 阅读 · 0 评论 -
一文读懂、入门Webpack
Q1:Webpack主要用来做什么?A1:Webpack是一个打包模块化 JavaScript 的工具,在 Webpack 里一切文件皆模块,通过 Loader 转换文件,通过 Plugin 注入钩子,最后输出由多个模块组合成的文件。Webpack 专注于构建模块化项目。Q2:为什么选择Webpack?A2:Web 开发的发展趋势如下:在 Npm Script 和 Grunt 时代,Web 开发要做的事情变多,流程复杂,自动化思想被引入,用于简化流程; 在 Gulp 时代开始出现一些新语言原创 2020-07-02 18:18:38 · 232 阅读 · 0 评论