-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
50 lines (49 loc) · 1.64 KB
/
webpack.config.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
var htmlwp = require('html-webpack-plugin');
module.exports={
entry:'./src/main.js', //指定打包的入口文件
output:{
path : __dirname+'/dist', // 注意:webpack1.14.0 要求这个路径是一个绝对路径
filename:'build.js'
},
module:{
loaders:[
{
test: /\.css$/, //打包 .css文件
loader:'style-loader!css-loader'
},
{
test: /\.scss$/, //打包 .scss文件
loader:'style-loader!css-loader!sass-loader'
},
{
test: /\.less/, //打包 .less文件
loader:'style-loader!css-loader!less-loader'
}
,
{
test: /\.(png|jpg|gif|ttf|svg)$/, //打包 url请求的资源文件
loader:'url-loader?limit=20000' //limit表示图片的大小为20K是临界值,小于20K的图片均被打包到build.js中去,请求图片就会很快
},
/*{
test: /\.js$/, // 将.js文件中的es6语法转成es5语法
loader:'babel-loader',
exclude:/node_modules/
},*/
{
test: /.vue$/, // 解析 .vue 组件页面文件
loader:'vue-loader' //
}
]
},
/*babel:{
presets:['es2015'], // 配置将es6语法转换成es5语法
plugins:['transform-runtime']
},*/
plugins:[
new htmlwp({
title: '首页', //生成的页面标题<head><title>首页</title></head>
filename: 'index.html', //webpack-dev-server在内存中生成的文件名称,自动将build注入到这个页面底部,才能实现自动刷新功能
template: 'index1.html' //根据index1.html这个模板来生成(这个文件请程序员自己生成)
})
]
}