webpack打包 出現(xiàn) webpackjasonp not defined
var webpack = require("webpack");
var path = require("path");
var htmlWebpackPlugin = require("html-webpack-plugin");
module.exports = {
entry: {
app:'./src/app.js',
a: './src/scripts/a.js',
b: './src/scripts/b.js',
jquery:'jquery',
vue:'vue'
},
output: {
path: path.resolve(__dirname, './dist'),
filename: 'js/[name].js',
publicPath: '/temp/' //上線的絕對路徑
},
//插件
plugins: [
new webpack.ProvidePlugin({ //加載jq
$: 'jquery',
vue:'vue'
}),
new webpack.optimize.CommonsChunkPlugin({
name: ['jquery','vue'], // 將公共模塊提取,生成名為`vendors`的chunk
filename: 'assets/js/[name].min.js', // 路徑
minChunks:2
}),
new htmlWebpackPlugin({ //根目錄的index.html生成dist下的html,可以多個生成
filename: 'index.html',
template: './src/page/index.html',
inject: 'body',
chunks:['app','a','jquery','vue'] //script標(biāo)簽的放置
}),
new htmlWebpackPlugin({
filename: 'b.html',
template: './src/page/b.html',
inject: 'body',
chunks:['b','jquery','vue']
}),
new htmlWebpackPlugin({
filename: 'a.html',
template: './src/page/a.html',
inject: 'body',
chunks:['a','jquery','vue']
}),
new webpack.LoaderOptionsPlugin({
options: {
postcss: [ //瀏覽器自動補全前綴
require("autoprefixer")({
browsers: ["last 5 versions"]
})
]
}
})
],
module: {
rules: [
//處理js中的loader
{
test: /\.js$/,
loader: 'babel-loader',
include: path.resolve(__dirname, '/src'), //指定打包的文件
exclude: path.resolve(__dirname, '/node_modules') //排除打包的文件,加速打包時間
},
//處理css中的loader
{
test: /\.css$/,
loader: 'style-loader!css-loader?importLoaders=1!postcss-loader' //@import進(jìn)來的樣式在問號后加
},
//處理sass中的loader
{
test: /\.scss$/,
loader: 'style-loader!css-loader!postcss-loader!sass-loader'
},
//處理html模板中的loader
{
test: /\.html$/,
loader: 'html-loader'
},
//處理ejs模板中的loader,以.tpl后綴結(jié)尾的
{
test: /\.tpl$/,
loader: 'ejs-loader'
},
//處理圖片中的loader,file-loader,url-loader,image-webpack-loader相互配合(圖片格式轉(zhuǎn)換base64 圖片壓縮)
{
test: /\.(png|jpg|gif|svg)$/i, //模板中的圖片放相對路徑: src="${require('../imgs/aaa.jpg')}"
loader: 'url-loader'
}
]
},
//使用webpack-dev-server,提高開發(fā)效率
devServer: {
contentBase: path.resolve(__dirname,'./dist/'),
host: 'localhost',
port: 9090, //默認(rèn)8080
inline: true, //可以監(jiān)控js變化
hot: true //熱啟動
}
}北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達(dá)內(nèi)教育集團成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國制造2025”,實現(xiàn)中華民族偉大復(fù)興的升級產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團項目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗,技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。