平凡之路

我们继续介绍几个常用的loader的使用以及作用；Babel介绍使用babel 是一个javascript编辑器。可以看下bable官网介绍：https://www.babeljs.cn/。我们如今在项目中往往都会使用ES6语法，如：箭头函数，class声明等等，但是低版本的浏览器并不兼容。我们使用webpack打包的时候，webpack也不能帮助我们直接做兼容转化，此时，我们就...

因为loader我想多分享几个，所以就分为上下两篇了。哈哈哈loaderloader 用于对模块的源代码进行转换。loader 可以使你在import或"加载"模块时预处理文件。因此，loader 类似于其他构建工具中“任务(task)”，并提供了处理前端构建步骤的强大方法。loader 可以将文件从不同的语言（如 TypeScript）转换为 JavaScript，或将内联图像转换为...

devServer安装使用我们在上篇文章提及到：在webpack.config.js中配置watch:true，可以检测文件改变，进行打包。还有本篇文章介绍的devServer可以实现。本篇文章，我们介绍下devServer的安装配置，使用devServer进行项目开发。（更推荐使用devServer）devServer为你提供了一个简单的 web server，并且具有 live ...

当webpack安装好以后，我们就要考虑webpack配置使用了。webpack配置在webpack官网中，配置文件建议是webpack.config.js。当然，你也可以更改，打开node_modules/webpack-cli下的config-yargs.js。你可以找到这一行代码：defaultDescription: "webpack.config.js o...

前端技术要求：node，webpack的安装等使用需要你有node基础。用webpack打包项目已经有一年半的 时间了， 我也试试总结一下，然后，进阶一下，做下webpcak的使用优化。首先从最基础的地方讲起，介绍一下webpack是做什么的？webpack 翻译就是网站打包工具，可以打包的资源可以参考:https://webpack.js.org/；可以看到：webpack可以将...