12回答

Parry

2017-05-20

已采纳

运行方法

cd React-Webpack2-HMR-Template

npm install

npm start

修改 index.js 文件代码，浏览器自动刷新

0

2

西兰花伟大炮

非常感谢！

2017-05-20

共2条回复

西兰花伟大炮

提问者

2017-05-20

就是这些吧？

0

3

Parry

回复

西兰花伟大炮

没事的，因为看不到你的代码，所以解决起来比较慢。

2017-05-21

共3条回复

西兰花伟大炮

提问者

2017-05-20

就是这样

0

1

Parry

你多截点图，包括命令行和代码的。

2017-05-20

共1条回复

西兰花伟大炮

提问者

2017-05-20

这里显示成功，但是浏览器一直打印hello,12121212!,我改了h1里面的内容也没变化

0

0

西兰花伟大炮

提问者

2017-05-20

老师，使用webpack-dev-server又有这个错误

0

1

Parry

运行方法 cd React-Webpack2-HMR-Template npm install npm start 修改 index.js 文件代码，浏览器自动刷新

2017-05-20

共1条回复

Parry

2017-05-20

启动 webpack-dev-server 了吗？

0

1

西兰花伟大炮

我输的是webpack

2017-05-20

共1条回复

西兰花伟大炮

提问者

2017-05-19

var debug = process.env.NODE_ENV !== "production";
var webpack = require('webpack');
var path = require('path');

module.exports = {
  context: path.join(__dirname),
  devtool: debug ? "inline-sourcemap" : null,
  entry: "./src/js/index.js",
  module: {
    loaders: [
      {
        test: /\.js?$/,
        exclude: /(node_modules)/,
        loader: 'babel-loader',
        query: {
          presets: ['react', 'es2015'],
          plugins: ['react-html-attrs'], //添加组件的插件配置
        }
      },
      //下面是使用 ant-design 的配置文件
      { test: /\.css$/, loader: 'style-loader!css-loader' }
    ]
  },
  output: {
    path: __dirname,
    filename: "./src/bundle.js"
  },
  plugins: debug ? [] : [
    new webpack.optimize.DedupePlugin(),
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.optimize.UglifyJsPlugin({ mangle: false, sourcemap: false }),
  ],
};

{
  "name": "react_form_new_to_old",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-cli": "^6.24.1",
    "babel-preset-env": "^1.4.0",
    "source-map": "^0.5.6"
  },
  "dependencies": {
    "babel-loader": "^7.0.0",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "babelify": "^7.3.0",
    "react": "^15.5.4",
    "react-dom": "^15.5.4",
    "webpack": "^2.5.1",
    "webpack-dev-server": "^2.4.5"
  }
}

老师，确实还是不行

0

5

西兰花伟大炮

回复

Parry

老师，我使用你的模板，不管在h1里面输入什么，打印的都是hello,12121212!,这是为什么呢？

2017-05-19

共5条回复

西兰花伟大炮

提问者

2017-05-19

；老师，我输入webpack为什么报错啊？刚才的插件装好了

0

2

西兰花伟大炮

回复

Parry

老师，配置文件我是直接复制你视频旁边提供的

2017-05-19

共2条回复

weibo_暗黑3215_0

2017-05-19

看你安装react-html-attrs报错，你淘宝镜像弄了吗

0

1

西兰花伟大炮

用cnpm？

2017-05-19

共1条回复

西兰花伟大炮

提问者

2017-05-19

安装显示这个

0

2

Parry

我发给你的文章里有详细的安装命令，你也不看哎。

2017-05-19

共2条回复

西兰花伟大炮

提问者

2017-05-19

老师，我装了的，但是还是这样

0

0

Parry

2017-05-19

同学你好，你安装一下确实的组件，错误已经提醒了你。

npm install react-html-attrs

0

0