webpack+react 环境

Posted 流光易逝

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack+react 环境相关的知识,希望对你有一定的参考价值。

0,  node+npm 

1,npm install webpack -g

2,npm install webpack-dev-server -g

3,npm install react react-dom --save

4,npm install jquery --save

5,npm install babel-core babel-loader babel-preset-es2015 babel-preset-react --save-dev   //es6

6,npm install url-loader file-loader --save-dev  //img

7,npm install css-loader style-loader --save-dev //css

 目录:

技术分享

 

webpack.config.js:

var path = require(‘path‘);
module.exports = {
  entry: path.resolve(__dirname, ‘src/app.js‘),//源文件目录
  output: {
    path: path.resolve(__dirname, ‘build‘),//构建目录
    filename: ‘bundle.js‘
  }
}



以上是关于webpack+react 环境的主要内容,如果未能解决你的问题,请参考以下文章

基于webpack的React项目搭建

react看这篇就够了(react+webpack+redux+reactRouter+sass)

webpack系列从零搭建 webpack4+react 脚手架

基于webpack的React项目搭建

webpack5项目搭建React-Cli(配置合并)

webpack+react搭建环境