webpack使用总结2

发表于 | 分类于 | | 阅读次数 
1
npm i -D webpack-dev-server

v-text

1
"start":"webpack-dev-server"

运行命令：注意文件默认名和设置：

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
const HtmlWebpackPlugin=require('html-webpack-plugin');
const path=require('path');
module.exports={
entry:'./src/app.js',

output:{
    path:path.resolve(__dirname,'dist'),
    filename:'main.js'
},

plugins:[
    new HtmlWebpackPlugin({
        filename:"index.html",
        template:"src/index.html"
    })
],
module:{
    rules:[{
        test:/\.js$/,
        use:[{
            loader:'babel-loader',
            options:{
                presets:['react']
            }
        }]
    }]
},
    devServer:{
        open:true,
        port:8000
    }
}