javascript - webpack配饰react的问题

问题描述

问 题

每次打包都会出现这个问题，不知道怎么解决

我的config文件
/**

• Created by Administrator on 2016/12/30 0030.
  */

var path = require('path');
var HtmlwebpackPlugin = require('html-webpack-plugin');
//定义了一些文件夹的路径
var ROOT_PATH = path.resolve(__dirname);
var APP_PATH = path.resolve(ROOT_PATH, 'app');
var BUILD_PATH = path.resolve(ROOT_PATH, 'build');

module.exports = {

//项目的文件夹 可以直接用文件夹名称 默认会找index.js 也可以确定是哪个文件名字
entry: APP_PATH,
//输出的文件名 合并以后的js会命名为bundle.js
output: {
    path: BUILD_PATH,
    filename: 'bundle.js'
},
devServer: {
    historyApiFallback: true,
    hot: true,
    inline: true,
    progress: true,
},
module: {
    loaders: [
        {
            test: /\.css$/,
            loaders: ['style', 'css'],
            include: APP_PATH
        },

        {
            test: /\.scss$/,
            loaders: ['style', 'css', 'sass'],
            include: APP_PATH
        },
        {
            test: /\.(png|jpg)$/,
            loader: 'url?limit=40000'
        },
        {
            test: /\.jsx?$/,
            exclude: /node_modules/,
            loaders: ['react-hot', 'babel?presets[]=es2015,presets[]=stage-0,presets[]=react,plugins[]=transform-runtime']
        },

    ]
},

//添加我们的插件 会自动生成一个html文件
plugins: [
    new HtmlwebpackPlugin({
        title: 'Hello World app'
    }),

]

};
json文件

{
"name": "webpack_dome",
"version": "1.0.0",
"description": "",
"main": "index.js",
"dependencies": {

"webpack": "^1.14.0",
"webpack-dev-server": "^1.16.2"

},
"devDependencies": {

"babel-core": "^6.21.0",
"babel-loader": "^6.2.10",
"babel-preset-es2015": "^6.18.0",
"babel-preset-react": "^6.16.0",
"css-loader": "^0.26.1",
"html-webpack-plugin": "^2.24.1",
"install": "^0.8.4",
"jquery": "^3.1.1",
"jsx-loader": "^0.13.2",
"npm": "^4.0.5",
"react": "^15.4.1",
"sass-loader": "^4.1.1",
"style-loader": "^0.13.1",
"url-loader": "^0.5.7",
"webpack-dev-server": "^1.16.2"

},
"scripts": {

"test": "echo \"Error: no test specified\" && exit 1",
"start": "webpack-dev-server --hot --inline"

},
"author": "",
"license": "ISC"
}

解决方案

你应该使用了react-hot-loader，但是没有安装，试试执行

npm install --save-dev react-hot-loader

这篇关于javascript - webpack配饰react的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！