Webpack-learning:深入学习webpack的核心知识点(核心概念、高级概念、项目配置、编写loader)

时间:2024-05-30 10:46:38
【文件属性】:

文件名称:Webpack-learning:深入学习webpack的核心知识点(核心概念、高级概念、项目配置、编写loader)

文件大小:95KB

文件格式:ZIP

更新时间:2024-05-30 10:46:38

JavaScript

Development和Production模式的区分打包 按照开发模式进行webpack配置 开发模式和线上模式在打包时所使用的配置是有所差别的,可以通过设置不同的打包文件对二者执行区分化打包,同时也可以将二者共有的配置项提取到公共的配置文件中。 将webpack.config.js文件分成webpack.dev.js和webpack.prod.js 对应的在package.json中将运行指令也进行划分: "scripts": { "dev": "webpack-dev-server --config webpack.dev.js", "build": "webpack --config webpack.prod.js", } 执行npm run dev 会打开一个浏览器,控制台输出6,因为index.js文件中使用了add(1, 5); 执行npm run b


【文件预览】:
Webpack-learning-master
----postcss.config.js(94B)
----server.js(518B)
----showpictures()
--------1.png(10KB)
----src()
--------index.html(290B)
--------math.js(114B)
--------index.js(43B)
----build()
--------webpack.dev.js(727B)
--------webpack.prod.js(431B)
--------webpack.common.js(3KB)
----dist()
--------index.html(344B)
--------main.js(1017B)
--------main.js.map(97B)
----readme.md(2KB)
----package-lock.json(327KB)
----package.json(1KB)

网友评论