青山一片云雾，心安即是归处

Webpack究竟是什么？是一个基于 NodeJS 的模块打包工具常见的模块引入规范有： ES module、CommonJS、CMD、AMDES module、CommonJS、CMD、AMD的区别// ES module 模块引入方式import Header from './header.js'// ES module 导出模块方式export default Heade...

2.1 什么是 Loader？如果想要打包一个 png 图片，webpack 是不会知道要怎么打包的，因为它默认只知道怎么打包 js 文件，因此就需要在配置文件中的 module 配置项告诉 webpack 怎么打包 png 模块loader 的执行有顺序，是从后往前执行，所以对css打包时，需把 style-loader 写在 css-loader 前面，使 css-loader 先执行...

文章目录2.7 使用 WebpackDevServer 提升开发效率2.8 Hot Module Replacement 热模块替换2.9 借助babel处理ES6语法2.7 使用 WebpackDevServer 提升开发效率会将打包的东西放到内存中来提升打包速度，因此出口文件夹dist中没有文件目前为止，我们修改文件的内容后，想要再次打包，智能再次使用 npm run bundle ...

文章目录三、Webpack 高级概念3.1 Tree Shaking3.2 Development 和 Production 模式的区分打包3.3 Webpack 和 Code Splitting三、Webpack 高级概念3.1 Tree Shakingwebpack在进行模块化打包的时候，会将模块中用得到的用不到的全部都打包，我们希望它只打包我们用到的，在 webpack2+ 引入了 T...