javascript - webpack配饰react的问题
大家讲道理
大家讲道理 2017-04-11 11:05:55
[JavaScript讨论组]


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

我的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"
}

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(2)
高洛峰

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

npm install --save-dev react-hot-loader
大家讲道理

你用到了react-hot这个模块,却没有下载该模块包,在dependencies或者devDependencies里面写入react-hot再试试

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号