webpack--css、html 和 js 代码的常用处理

webpack--css、html 和 js 代码的常用处理

  前言

  本文来总结下webpack中 css、js、html 代码常见的处理方式,学习笔记仅供参考。

正文   1、css样式文件处理   (1)提取css为一个单独的文件

  在我们前面学习了webpack的基础上,我们知道webpack在打包之后把css样式文件放在了js中,这样导致文件比较混乱,我们这一步需要将css样式文件打包成一个单独的文件,即从js中抽取出来。

  首先需要一个基本的weback环境,然后安装MiniCssExtractPlugin这个插件,命令如下:

npm i mini-css-extract-plugin -D

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzfgwp.html