webpack 打包实例项目

    最近用webpack打包部署了一个web服务器项目,将过程记录一下,方便日后查阅。

1.安装webpack

 npm install webpack webpack-cli --save-dev

2.配置babel-loader

   用以解析ES6, ES7等js新特性语法,它的配置文件是.babelrc

npm install @babel/core @babel/preset-env  babel-loader  --save-dev

3.配置react

    用以解析React JSX, Vue等语法。

npm install react react-dom @babel/preset-react  --save-dev

4.配置css-loader

   用以加载.css文件,并且转换成commonjs对象。

npm install style-loader  --save-dev

5.配置style-loader

    用以将样式通过