Webpack
文章平均质量分 58
蓝婷儿
这个作者很懒,什么都没留下…
展开
-
Webpack中的plugin
前言Loader是解决Webpack中的资源加载问题,而Plugin则是解决除了资源加载之外的其他自动化工作用途清除之前的打包文件(dist目录)拷贝静态文件至输出目录压缩打包代码…常用插件clean-webpack-plugin:清除旧的打包文件 yarn add clean-webpack-plugin --dev 或者 npm install clean-webpack-plugin --devimport { CleanWebpackPlugin } from 'c原创 2021-03-28 12:11:29 · 183 阅读 · 0 评论 -
小巫见大巫之Loader的工作原理
Loader的工作原理Loader其实就是一个从输入到输出的转换,具体可以自己开发一个简单的Loader了解其原理目标定位:开发读取.md文件的loader一、 文件目录结构srcmain.jsabout.mdwebpack.config.jsmarkdown-loader.jspackage.json二、 安装插件- yarn add marked --dev // 转换.md文件为html片段的插件- yarn add html-loader --dev 三、 代原创 2021-03-24 12:47:30 · 183 阅读 · 0 评论 -
Webpack中的Loader
Webpack(一)文件资源加载器webpack默认只支持打包js文件,非js文件在Webpack中需要loader即文件加载器来进行打包编译,例打包css时,需要载入css-lodder、style-loader,在打包image时,需要载入file-loader而加载器的匹配问题需要在webpack的配置文件进行设置module.exports = { ... module: { rules: [ { test: /.css$/, //原创 2021-03-23 14:24:57 · 200 阅读 · 0 评论