webpack 1.0.6 juejin.cn/post/684490…
通过对 webpack 1.0.6的操作和配置,一个基础的webpack配置已经完成,虽然没有进行优化。但是对于初学者来说,知识点已经很多了。通过对babel的操作和配置,肯定了解了babeljs在webpack中的作用。想必任何一位开发者都很熟悉或者了解三大框架之一React 。而babeljs提供了React的打包配置。
webpack - babel/preset-react
终端输入 npm install react react-dom --save 下载react框架
终端输入npm install --save-dev @babel/preset-react 下载preset-react
babeljs preset-react 英文官方网站 babeljs.io/docs/en/bab…
通过查看文档,还需要在babelrc中配置:
{
"presets": ["@babel/preset-react"]
}
还记得loader的执行顺序吗?从右至左,从下到上。在babelrc中的配置也是如此。
首先解析的是reacr语法,之后是ES6转换ES5。
webpack - Vue/loader
Vue loader 官方网站 vue-loader.vuejs.org/zh/guide/
关于Vue框架的webpack配置,在Vue的官网中有详细的介绍,大家也可以在Vue的官网中自己手动去配置。
⚠️至此webpack基础初级配置结束。
git 地址:github.com/wudongchao/…