我按照http://zhuanlan.zhihu.com/FrontendMagazine/20367175 的里面 来 学习webpack , 当添加webpack-dev-server, 并install 完成后。
运行npm start, 就会报错, 上网差了好久, 也没有找到解决办法, 请打大神吗, 帮助一下。
Module not found: Error: Cannot resolve module 'webpack/hot/dev-server'
代码:
webpack.config.js
var path = require('path');
var HtmlwebpackPlugin = require('html-webpack-plugin');
var webpack = require('webpack');
//定义了一些文件夹的路径
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,
},
//添加我们的插件 会自动生成一个html文件
plugins: [
new HtmlwebpackPlugin({
title: 'Hello World app'
})
]
};
package.json
{
"name": "webpack",
"version": "1.0.0",
"main": "index.js",
"scripts": {
"start": "webpack-dev-server --hot --inline"
},
"author": "",
"license": "ISC",
"devDependencies": {
"webpack-dev-server": "^1.14.1"
},
"dependencies": {},
"description": ""
}