一起的远方的博客

一、webpack介绍 什么是webpack webpack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的扩展语言（Scss,TypeScript等），并将其打包为合适的格式以供浏览器使用。 作用 代码转换：如ES6转ES5，Scss（Less）转CSS； 文件优化：如压缩代码体积、合并文件； 代码分割：如公共模块的抽离、...

上一节补充： 如果存在webpack.config.js文件，则运行npx webpack命令后，将会自动读取文件内的相关配置。我们将webpack.config.js文件名改为webpack.config.my.js文件，那么怎么才能手动指定webpack读取webpack.config.my.js文件里的配置内容呢？别着急，你可以通过如下命令进行实现。 npx webpack --confi...

讲过前两节的接收，我们对webpack有了基本的认识，对HtmlWebpackPlugin插件的各个属性也做了简要的说明，对其他相关属性可以参考。说完了js、html，我们来说一说css相关的配置。首先你可以试验一下，为我们编写的index.html文件编写样式，是不是直接使用相对路径引入css文件就可以了呢。答案是不可以的，因为HtmlWebpackPlugin会将index.html文件原样输...