React小项目（React+webpack+nodejs）--- 二、js、css、html文件处理

一、js压缩打包以及babel的配置

babel

我们的项目基于react，因此需要babel，它能够将jsx转换为ES5语法,也能将ES6转换为ES5语法。

1、npm install babel-loader babel-core --save-dev

    进一步的配置 presets

     npm install babel-preset-es2015 babel-preset-react --save-dev

    在项目根目录创建 .babel，内容为：

{
    "presets": [
        "react",
        "es2015"
    ]
}

2、在 webpack config. js文件中增加：

module: {
    rules: [
        {
            test:/\.jsx?$/,
	    exclude: /node_modules/,
	    loader:  'babel-loader'
	},
    ]
},

js压缩

1、首先