+ direaction
- dist
- src
+ css
+ js
+ images
+ index.html
+ main.js
1
npm init -y
| 文件目录
+ direaction
- dist
- src
+ css
+ js
+ images
+ index.html
+ main.js
- package.json
1
2
3
4
5
6
7
module.exports = {
entry: './src/main.js',
output: {
path: './dist',
filename: 'bundle.js'
}
}
npm i webpack-dev-server -D //安装到本地开发依赖
webpack-dev-server
, 所以需在 package.json
文件中 scripts
添加 "dev": "webpack-dev-server"
//自动打开 端口 根路径 热加载
"dev": "webpack-dev-server --open --port 3000 --contentBase src --hot"
plugins: [
new webpack.HotModuleReplacementPlugin()
]
node-sass
, sass
, fibers
依赖
使用 npm 装 node-sass 会失败,需要用cnpm cnpm i sass-loader node-sass sass fibers -D