随笔分类 - Webpack
摘要:CSS中的图片处理 直接从外部引入css的背景等图片是打包不出来的,需要用到url loader和file loader。 file loader :解决引用路径的问题,file loader可以解析项目中的url引入(不仅限于css),根据我们的配置,将图片拷贝到相应的路径,再根据我们的配置,修改
阅读全文
摘要:进阶 less与sass 分离 sass与less相同 CSS3前缀处理 postcss postcss需要单独配置config postcss.config.js 与 webpack.config.js 同级 配置loader 分离css 清除未使用的CSS PurifyCSS webpack要以
阅读全文
摘要:在打包css之前,需要知道module有什么作用,还有loader。 module 主要是用来配置不同的加载器,而加载器是用于不同的文件。 loader 主要用于将不同的文件都转换成js文件,如css,ES6等。 所有的Loaders都需要在npm中单独进行安装,并在webpack.config.j
阅读全文
摘要:什么是webpack? 简单来说,就是模块打包机,主要分析项目的结构,根据你的配置将源代码转换发布到线上可执行的代码。 代码转换:TypeScript 编译成 JavaScript、SCSS 编译成 CSS 等。 文件优化:压缩 JavaScript、CSS、HTML 代码,压缩合并图片等。 代码分
阅读全文

浙公网安备 33010602011771号