angular + webpack:构建后“禁用热模块替换”错误

时间:2015-09-25 18:48:38

标签: angularjs webpack webpack-dev-server

我遇到了一个非常简单的webpack配置问题:

var checkList = angular.module('checkList', []);

checkList.filter('checkedItems', function () {
return function (items, showComplete) {
    var resultArr = [];
    angular.forEach(items, function (item) {
        if (item.done == false || showComplete == true) {
            resultArr.push(item);
        }
    });
    return resultArr;
}
});

checkList.controller('CheckListCtrl', function($scope){
$scope.check = {
user: "Jim",
items: [ {action: "item1", done: false },
{action: "item2", done: false },
{action: "item3", done: false },
{action: "item4", done: false }]
   };

   $scope.incompleteCount = function () {
       var count = 0;
       angular.forEach($scope.check.items, function (item) {
           if (!item.done) { count++ }
       });
       return count;
   }
   $scope.warningLevel = function () {
       return $scope.incompleteCount()
       < 3 ? "label-success" : "label-warning";
   }
   $scope.addNewItem = function (actionText) {
       $scope.check.items.push({ action: actionText, done: false });
   }
     });

我正在尝试构建我的代码的缩小版本,但是当我正在运行时 var webpack = require('webpack'); path = require('path'); var PATHS = { app: __dirname + "/app" }; var config = { context: PATHS.app, entry: { app: ['webpack/hot/dev-server', './core/bootstrap.js'] } , // entry: './core/bootstrap.js', output: { path: PATHS.app, filename: 'bundle.js' }, module: { loaders: [ {test: /\.js$/, loader: 'ng-annotate!babel', exclude: /node_modules/}, {test: /\.less$/, loader: "style!css!less", exclude: /node_modules|bower_components/}, {test: /\.json$/, loader: "json", exclude: /node_modules|bower_components/}, {test: /\.html$/, exclude: /node_modules/, loader: "raw"}, {test: /\.(ttf|eot|svg|otf)$/, loader: "file"}, {test: /\.woff(2)?$/, loader: "url?limit=10000&minetype=application/font-woff"} ] }, plugins: [ new webpack.DefinePlugin({ ON_TEST: process.env.NODE_ENV === 'test' }) ], devtool: "#inline-source-map" } if (process.env.NODE_ENV === 'production'){ config.output.path = __dirname + '/dist'; config.plugins.push(new webpack.optimize.UglifyJsPlugin()); config.devtool = 'source-map'; } module.exports = config; 我的dist文件夹中没有NODE_ENV=production node node_modules/.bin/webpack && cp app/index.html dist/index.html,当我正在运行时bundle.min.js我正在http-server dist

从网上看,我发现这是一个常见的问题,但我找不到解决这个问题的方法:我正在使用假设添加热插拔插件的Uncaught Error: [HMR] Hot Module Replacement is disabled.标志。

0 个答案:

没有答案