1.壓縮后js/vendors.js from UglifyJs報錯
2.CommonsChunkPlugin提取公共模塊,在IE8會ES6語法錯誤, 但是我裝babel-loader了 不起作用。
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin'); //生成html模板
var ExtractTextPlugin = require("extract-text-webpack-plugin"); //獨立CSS
module.exports = {
entry: { //入口文件
index: __dirname + "/app/js/index.js",
list: __dirname + "/app/js/list.js",
about: __dirname + "/app/js/about.js"
},
output: { //打包出口
path: __dirname + "/public/static/",
publicPath: "/public/static/",
filename: "js/[name].js"
},
plugins: [
new webpack.ProvidePlugin({ //加載jq
$: 'jquery'
}),
new webpack.optimize.UglifyJsPlugin({ //壓縮JS
compress: {
warnings: false,
drop_console: true
}
}),
new webpack.BannerPlugin('author xyl'), //加點信息
new ExtractTextPlugin("./css/[name].css"), //獨立打包CSS
new webpack.optimize.CommonsChunkPlugin({
name: 'vendors', // 將公共模塊提取,生成名為`vendors`的chunk
chunks: ['index', 'list', 'about'], //提取哪些模塊共有的部分
minChunks: 3 // 提取至少3個模塊共有的部分
}), //HtmlWebpackPlugin,模板生成相關的配置,每個對于一個頁面的配置,有幾個寫幾個
new HtmlWebpackPlugin({ //根據模板插入css/js等生成最終HTML
favicon: './app/images/favicon.ico', //favicon路徑,通過webpack引入同時可以生成hash值
filename: './view/index.html', //生成的html存放路徑,相對于path
template: './app/index.html', //html模板路徑
inject: 'body', //js插入的位置,true/'head'/'body'/false
hash: true, //為靜態(tài)資源生成hash值
chunks: ['vendors', 'index'], //需要引入的chunk,不配置就會引入所有頁面的資源
minify: { //壓縮HTML文件
removeComments: true, //移除HTML中的注釋
collapseWhitespace: false //刪除空白符與換行符
}
})
],
devServer: {
contentBase: "./public/static/view/",
port: '8081',
historyApiFallback: false,
inline: true
},
module: {
rules: [
{
test: /(\.jsx|\.js)$/,
use: {
loader: "babel-loader"
},
exclude: /node_modules/
},
{
test: /\.css$/,
use: ExtractTextPlugin.extract({
fallback: "style-loader",
use: [{
loader: "css-loader",
options: { minimize: true }
},
{
loader: "postcss-loader"
}
]
})
},
{
test: /\.(jpg|jpeg|png|bmp|gif)$/,
use: 'url-loader?limit=1024&name=[name].[ext]&publicPath=/static/&outputPath=images/'
}
]
}
}
.babelrc
{
"presets": ["es2015"]
}
最后感謝大大們,幫助下我這個菜鳥
最后發(fā)現(xiàn)是本地開啟Server的原因,會導致IE下報錯,以及壓縮報錯。。。不知道啥原因這是。。。
北大青鳥APTECH成立于1999年。依托北京大學優(yōu)質雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數據專業(yè)的國家
達內教育集團成立于2002年,是一家由留學海歸創(chuàng)辦的高端職業(yè)教育培訓機構,是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學校辦產業(yè)為響應國家深化產教融合/校企合作的政策,積極推進“中國制造2025”,實現(xiàn)中華民族偉大復興的升級產業(yè)鏈。利用北京大學優(yōu)質教育資源及背
博為峰,中國職業(yè)人才培訓領域的先行者
曾工作于聯(lián)想擔任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔任項目經理從事移動互聯(lián)網管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責任公司從事總經理職務負責iOS教學及管理工作。
浪潮集團項目經理。精通Java與.NET 技術, 熟練的跨平臺面向對象開發(fā)經驗,技術功底深厚。 授課風格 授課風格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網頁制作和網頁游戲開發(fā)。
具有10 年的Java 企業(yè)應用開發(fā)經驗。曾經歷任德國Software AG 技術顧問,美國Dachieve 系統(tǒng)架構師,美國AngelEngineers Inc. 系統(tǒng)架構師。