- 新建一个名为ReactProject文件夹,进入后执行:
//使用init命令来初始化一个package.json文件npm init
- 执行:
//安装webpacknpm install web pack --save-dev
- 在项目根路径下新建名为webpack.config.js文件并进行配置
const path = require('path'); //入口文件配置 let entry = { index: './public/javascripts/index_entry.js' }; //浏览器端配置 let browserConfig = { entry, output: { //输出的路径 path: path.join(__dirname, 'build'), publicPath: 'build', //输出的文件名称 filename: 'js/[name].bundle.js', chunkFilename: 'js/[id].bundle.js' }, module: { }, plugins: [ ] }; module.exports = [browserConfig];
- 在项目根路径下新建名为build文件夹,用于存放编译打包后的文件
- 在项目根路径下新建名为public文件夹,用于存放公共文件,如图片,css文件,js文件