1、安装node
http://blog.youkuaiyun.com/cc1314_/article/details/79448511
2、安装使用webpack
cmd下执行以下命令：
npm install webpack webpack-dev-server -g
npm install webpack-cli -g
使用webstorm打开一个项目，
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>webpack</title>
<link rel="stylesheet" href="css/index.css">
<script src="js/bundle.js"></script>
</head>
<body>
<h1>hello webpack!</h1>
</body>
</html>创建 webpack.config.js 文件，代码如下所示：
module.exports={
entry : "./js/index.js",
output : {
path : __dirname,
filename : "bundle.js"
}
}在webstorm的Terminal窗口执行如下命令：
npm init
生成依赖文件package.json(默认会在根目录下生成)，一路回车默认就好了。
安装jquery，
npm i jquery --save
在index.js引入，
var $ = require("jquery");执行命令：webpack
3、错误处理
1）出现错误 Please install 'webpack-cli' in addition to webpack itself to use the CLI.
cmd执行命令：npm install webpack-cli -g
2）出现错误 No git binary found in $PATH
下载安装git，执行npm install webpack-cli -g
3）Terminal执行命令：webpack-dev-server
出现错误 Cannot find module 'array-includes'
cmd执行命令：npm install webpack-dev-server
重新打开项目，执行命令：webpack-dev-server
扫一扫
451
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
