webpack&&vue开发流程

1.安装依赖
       基础模块：
    webpack@3.5      html-webpack-plugin   webpack-dev-server@2.7.1 (wds  WDS)
        scss：
    scss-loader      css-loader     style-loader
        css:
    css-loader   style-loader
        es6:
    babel-loader     babel-preset-env   babel-core
        vue:
    vue-loader   vue-template-compiler


2.配置webpack.config.js


module.exports{
entry:"",//指定入口文件
output:{
path:"",//指定出口目录
filename:""//指定打包文件名称
},
devServer:{
contentBase:"",//指定项目目录
hot:true,
port:6000
},
plugins:[
new htmlWebpackPlugin({
template:""//指定模板文件
})
],
module:{
loaders:[
{
test:/\.css$/,
loaders:["style-loader","css-loader"]
},
{
test:/\.js$/,
use: {
    loader: 'babel-loader',
    options: {
        presets: ['env']
    }
}
},
{
test:/\.vue$/,
loader:["vue-loader"]
}
]
}
}