全局安裝命令
$ npm install -g webpack
全局安裝的路徑C:\Users\Web前端\AppData\Roaming\npm
本地安裝命令
$ npm install webpack
在項目新建webpack配置文件webpack.config.js
module.exports = {
devtool:"source-map", //調(diào)試
// 入口文件
entry : __dirname + "/src/main.js",
//導出文件
output : {
//導出文件的名字
filename : "bundle.js",
//導出文件的路徑
path ：__dirname + "/public"
},
//加載器
module : {
//loader 用來轉(zhuǎn)換文件的格式
loaders : [{
test : /\.js$/,
//$ npm install babel-loader
//$ npm install babel-core babel-preset-es2015 //安裝babel 實現(xiàn)ES6 轉(zhuǎn) ES5
loader : "babel-loader"
},{
test : /\.css$/,
//$ npm install css-loader
loader : "css-loader"
}]
},
//Vue2.0需加上下面這份個
resolve: {
alias: {
'vue': 'vue/dist/vue.js'
}
},
//配置服務器,實現(xiàn)熱更新
//$ npm install -g webpack-dev-server
devServer : {
//服務器要加載頁面的路徑
contentBase : "./public",
//true 熱更新
inline : true,
//端口號
//port : 8080
}
}
新建一個新的文件,名字叫.babelrc在.babelrc文件里面寫上
{
"presets":
[ "es2015" ]
}
