webpack react 配置

安装Webpack

1. npm i -D 是npm install --save-dev 的简写，是指安装模块并保存到package.json
的devDe pendencies，npm i -D webpack

npm init -y

npm install webpack webpack-dev-server --save-dev
npm install --save-dev webpack-cli -g

2.全局安装 npm i -g webpack

运行

在项目根目录下对应的命令行里通过node rnodules/.bin/webpack 运行Webpack 的可执行文件。

在Npm Script 里定义的任务会优先使用本项目下的Webpack

创建src 文件夹

md src
cd src

文件目录：文件具体内容见 深入浅出 webpack

　　--index

　　--src

　　 --main.js

　　 --show.js

编写 webpack.config.js

const path = require(‘path‘);

module.exports = {
  // JavaScript 执行入口文件
  entry: ‘./src/main.js‘,
  output: {
    // 把所有依赖的模块合并输出到一个 bundle.js 文件
    filename: ‘bundle.js‘,
    // 输出文件都放到 dist 目录下
    path: path.resolve(__dirname, ‘./dist‘),
  }
};

执行 webpack  G:\React\first>webpack

二安装react

npm i -D react react-dom

webpack react 配置

原文：https://www.cnblogs.com/RunStone/p/12049509.html