前言
準(zhǔn)備完全摒棄之前的博客骤菠，重新造輪子搭建博客了它改，前臺使用 webpack + React 全家桶，具體使用還在學(xué)習(xí)中商乎，暫把已經(jīng)用到的部分記錄下來央拖，防遺忘。
開發(fā)環(huán)境搭建
-
安裝 react 和 react-dom
npm install --save react react-dom -
安裝 webpack
npm install --save-dev webpack -
安裝 babel
npm install --save-dev babel-loader babel-core -
安裝 React 與 ES6 的轉(zhuǎn)換規(guī)則
npm install --save-dev babel-present-react babel-present-react -
創(chuàng)建
webpack.config.jsvar path = require('path'); module.exports = { entry: './src/index.js', output: { filename: '[name].js', path: path.resolve(process.cwd(), 'dist') }, module: { rules: [{ test: /\.js[x]?$/, exclude: [/node_modules/], use: { loader: 'babel-loader', options: { presets: ['env', 'react'] } } }] } };以上
module.options可創(chuàng)建一個.babelrc文件來替代鹉戚，官網(wǎng)給出的使用方法鲜戒，這個文件可寫成：{ "presets": ["env"] }
