copyer_xyf的博客

每天对自己多问几个为什么，总是有着想象不到的收获。 一个菜鸟小白的成长之路（copyer）resolve模块解析webpack能解析三种文件路径：绝对路径相对路径在这种情况下，使用import 和 require的资源文件所处的目录，被认为是上下文目录在import / require中给定的相对路径，会拼接次上下文路径，来生成模块的绝对路径模块路径在resolve.modules中指定的所有目录检索模块。默认值['node_modules']，所以默认会从.

每天对自己多问几个为什么，总是有着想象不到的收获。 一个菜鸟小白的成长之路（copyer）为什么要搭建本地服务器？在前面的学习过程中，每次当有代码变动的时候，就需要手动的去打包刷新，这样很很麻烦的。所以，需要自动编译，当代码变化的时候，自动更新。刷新等。webpack提供的几种方式用来自动编译webpack watch modewebpack-dev-server(常用)webpack-dev-middlewarewebpack watchwebpack 提供.

每天对自己多问几个为什么，总是有着想象不到的收获。 一个菜鸟小白的成长之路（copyer）为什么需要babel在前端中有着很多的新语法 ， 比如： ES6， TS，JSX等，他们都需要babel的转化所以，学习Babel对于我们理解代码从编写到线上的转变过程至关重要babel到底是什么呢Babel是一个工具链，主要运用于旧浏览器或者环境中将ES6代码转换为向后兼容版本的JavaScript包括：语法转换，源代码转换等Babel的命令式使用babel本身.

每天对自己多问几个为什么，总是有着想象不到的收获。 一个菜鸟小白的成长之路（copyer）//webpack.config.jsmodule.exports = { //设置模式 mode: 'development', //设置source-map，建立js映射文件，方便调试代码和错误 devtool: 'source-map',}Mode配置mode配置选项，可以告知webpack使用相应模块的内置优化默认是是production.

每天对自己多问几个为什么，总是有着想象不到的收获。 一个菜鸟小白的成长之路（copyer）认识Pluginplugin也是webpack的核心之一loader是用于特定的模块类型进行转换plugin可以用于执行更加广泛的任务，比如打包优化，资源管理，环境变量注入等CleanWebpackPlugin在前面的学习过程中，每次打包之后，需要手动删除，再次进行打包，这个手动删除的过程，我们就可以只用一个插件帮助我们来完成。安装npm install clean-webpa.

每天对自己多问几个为什么，总是有着想象不到的收获。 一个菜鸟小白的成长之路（copyer）loader是什么？简单来说，就是对模块的源代码进行解析，转换成浏览器能够认识的代码一、处理css部分css-loader可以将css文件看成是一个模块。是需要通过import来加载这个模块的在加载这个模块的时候，webpack不知道如何对其加载，所以制定对应的loader来完成这个功能安装：npm install css-loader -D那么如何配置loader呢？在哪.

每天对自己多问几个为什么，总是有着想象不到的收获。 一个菜鸟小白的成长之路（copyer）webpack是什么？webpack is static module bundler for modern Javascript applicationswebpack 是一个静态的模块化打包工具，为现代的JavaScript应用程序。打包工具bundler: webpack 可以将帮助我们进行打包，所以他是一个打包工具静态的static： 这样表述的原因是我们最终可以将.