禁用热模块更换

时间:2018-09-10 04:00:37

标签: node.js webpack

使用Web Pack运行构建功能时出现以下问题,请您看看吗? npm build,删除node_modules,更新node.js版本。请帮助我。

webpack.config.js

var webpack = require('webpack');
var path = require('path');
var OpenBrowserPlugin = require('open-browser-webpack-plugin');
var node_modules = path.resolve(__dirname, 'node_modules');
var pathToReact = path.resolve(node_modules, 'react/react');
var pathToReactDOM = path.resolve(node_modules, 'react-dom/index')

module.exports = {
  devtool: 'eval-source-map',
  devServer: {
    /*headers: {
       'Access-Control-Allow-Origin': '*',
       'Access-Control-Allow-Headers': 'Origin, X-Requested-With, Content-Type, Accept'
     },*/
    historyApiFallback: true,
    hot: true,
    inline: true,
    contentBase: './webapp/build',
    progress: true,
    port: 8000,
    proxy: {
     '\*': {
         //target: 'http://10.10.2.124:8082',
         target: 'http://10.10.1.89:8080',
       secure: false
     }
    } 
  },
  entry: [
    'webpack-dev-server/client?http://localhost:8000',
    'webpack/hot/dev-server',
    path.resolve(__dirname, 'react/main.js')
  ],
  output: {
    path: __dirname + '/webapp/build',
    publicPath: '/build',
    filename: './bundle.js',
    chunkFilename: "[id].bundle.js"
  },
  module: {
    loaders: [{
      test: /\.css$/,
      loader: 'style-loader!css-loader'
    }, {
        test: /\.js[x]?$/,
        include: path.resolve(__dirname, 'react'),
        exclude: /node_modules/,
        loaders: ['react-hot', 'babel-loader?cacheDirectory'],
        noParse: [pathToReact, pathToReactDOM]
    }, {
      test: /\.(png|jpg)$/,
      loader: 'url-loader'
    }, {
      test: /\.(woff|woff2|eot|ttf|svg)(\?.*$|$)/,
      loader: 'url'
    }]
  },
  resolve: {
    extensions: ['', '.js', '.jsx'],
  },
  plugins: [
    new OpenBrowserPlugin({
      url: 'http://localhost:8000/dev/index.html'
    })
  ]
};

package.json

{
  "name": "***",
  "version": "1.0.0",
  "description": "admin",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack",
    "start": "webpack-dev-server react/main.js --devtool eval --progress --hot --inline --colors --content-base webapp/build",
    "deploy": "set NODE_ENV=production && webpack --config webpack.production.config.js"
  },
  "dependencies": {
    "antd": "1.1.0",
    "babel-runtime": "6.x",
    "compression-webpack-plugin": "^0.4.0",
    "echarts": "^3.4.0",
    "react": "0.14.x",
    "react-dom": "0.14.x",
    "reflux": "^0.4.1",
    "reqwest": "^2.0.5",
    "webpack-parallel-uglify-plugin": "^0.4.2"
  },
  "devDependencies": {
    "animate.css": "^3.5.1",
    "babel-core": "^6.10.4",
    "babel-eslint": "6.x",
    "babel-loader": "6.x",
    "babel-plugin-antd": "^0.4.0",
    "babel-plugin-transform-es2015-modules-simple-amd": "^0.3.0",
    "babel-plugin-transform-runtime": "6.x",
    "babel-preset-es2015": "6.x",
    "babel-preset-react": "6.x",
    "babel-preset-stage-0": "6.x",
    "copy-webpack-plugin": "2.x",
    "css-loader": "~0.23.0",
    "es5-shim": "^4.5.8",
    "es6-promise": "^3.2.1",
    "http-proxy-middleware": "0.17.2",
    "open-browser-webpack-plugin": "0.0.2",
    "react-hot-loader": "^1.3.0",
    "style-loader": "~0.13.0",
    "url-loader": "^0.5.7",
    "webpack": "1.x",
    "webpack-dev-server": "^1.14.1"
  },
  "author": "dwj",
  "license": "ISC"
}

没有编译错误,项目正常启动。但是页面无法正常显示。

enter image description here

0 个答案:

没有答案