-
babel
babel官網(wǎng):http://babeljs.io/docs/setup/#installation
首先安裝babel
npm install --save-dev babel-loader babel-core
安裝插件
npm install --save-dev babel-preset-latest
通過query配置參數(shù)
query:{ "presets": ["latest"] } === { "presets": ["env"] }
打包babel-loader很慢,因此如何改善呢?
exclude:__dirname+'./node_modules',//不對這個進行babel轉(zhuǎn)換捡偏,這里邊已經(jīng)打包好滑进,這樣能減少打包時間
include:__dirname+'./src',
var htmlWebpackPlugin=require('html-webpack-plugin');
var path=require('path')
module.exports={
entry:'./src/app.js',
output:{
path:__dirname+'./dist',
filename:'js/[name].bundle.js'
},
module:{
loaders:[
{
test:/\.js$/,
loader:'babel-loader',
// exclude:__dirname+'node_modules',//不對這個進行babel轉(zhuǎn)換惫皱,這里邊已經(jīng)打包好泉唁,這樣能減少打包時間
// include:__dirname+'src',
exclude:path.resolve(__dirname,'node_modules'),
include:path.resolve(__dirname,'src'),
query:{//若在package.json中定義了這個presets毕骡,則這邊可以刪掉
presets:['latest']
}
}
]
},
plugins:[
new htmlWebpackPlugin({
filename:'index.html',
template:'index.html',
inject:'body',
title:'this is a complete webpack demo'
})
]
}