![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Webpack
文章平均质量分 66
云端之上120
这个作者很懒,什么都没留下…
展开
-
Webpack 5基础入门知识总结
常用的loader以及pluginscss-loader:将CSS转化为JS(将CSS输出到打包后的JS文件中)style-loader:把包含CSS内容的JS代码,挂载到页面的一、打包CSS文件loader执行顺序:先右后左(先下后上)npm i -D css-loader style-loaderwabpack.config.js中需要配置1. 打包CSS举例module : { rules : [ { test : /\.css$/i,原创 2021-08-23 17:08:02 · 637 阅读 · 0 评论 -
2. Webpack配置文件讲解
配置文件的作用配置文件是用来简化命令行选项的例如:有时候我们一个命令会很长配置前:webpack ./src/index.js --output-path ./dist --mode=development当我们使用了配置后,就可以用很简单的命令来执行:webpack默认的配置文件名称是 webpack.config.jswebpack.config.js是以CommonJS规范进行组织的使用Webpack的过程,大部分就是跟配置文件打交道的过程配置详情https://w原创 2021-08-22 10:58:56 · 190 阅读 · 0 评论 -
1. 如何使用webpack打包JS
1. 初始化项目#创建myproject目录mkdir myproject#进入到myproject目录cd myproject#初始化项目,生成package.jsonnpm init -y执行命令后显示结果如下:{ "name": "01.webpackstart", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: n原创 2021-08-22 10:36:26 · 615 阅读 · 0 评论