Webpack 1.0.7

386 阅读1分钟

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/…