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,可以多個(gè)生成
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: [ //瀏覽器自動補(bǔ)全前綴
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') //排除打包的文件,加速打包時(shí)間
},
//處理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è)的國家
北大青鳥中博軟件學(xué)院創(chuàng)立于2003年,作為華東區(qū)著名互聯(lián)網(wǎng)學(xué)院和江蘇省首批服務(wù)外包人才培訓(xùn)基地,中博成功培育了近30000名軟件工程師走向高薪崗位,合作企業(yè)超4
中公教育集團(tuán)創(chuàng)建于1999年,經(jīng)過二十年潛心發(fā)展,已由一家北大畢業(yè)生自主創(chuàng)業(yè)的信息技術(shù)與教育服務(wù)機(jī)構(gòu),發(fā)展為教育服務(wù)業(yè)的綜合性企業(yè)集團(tuán),成為集合面授教學(xué)培訓(xùn)、網(wǎng)
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。