1李皇、引入jquery
npm install --save jquery@1.12.4
修改：build/webpack.base.conf.js
module.exports = {
......
plugins:[
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"window.jQuery":"jquery",
"window.$": "jquery"
})
]
}
2、低版本瀏覽器promise
npm install --save-dev babel-polyfill
修改：build/webpack.base.conf.js
module.exports = {
entry: {
app: ["babel-polyfill", "./src/main.js"]
},
......
}
3、配置scss
npm install node-sass --dev
npm install sass-loader --save-dev
修改：build/webpack.base.conf.js
module:{
rules:[
......
{
test: /\.scss$/,
loaders: ["style", "css", "sass"]
}
......
]
}
添加全局scss變量
npm install sass-resources-loader --save-dev
修改：build/utils.js
exports.cssLoaders = function (options) {
......
return{
......
//scss: generateLoaders('sass'),
scss: generateLoaders('sass').concat(
{
loader: 'sass-resources-loader',
options: {
resources: path.resolve(__dirname, '../src/assets/scss/color.scss')
}
}
),
......
}
......
}
4库糠、測試環(huán)境跨域
修改：config/index.js沙兰。假如api的url為：http://www.testapi.com:81/api/xxx/xxx
dev:{
.......
proxyTable: { //臨時(shí)跨域
'/api': {
target: 'http://www.testapi.com:81/', //建議少寫一級
changeOrigin: true,
pathRewrite: {
'^/api': '/' //建議鍵的名稱為剛才省略的那一級名稱
}
}
},
}
5、修改靜態(tài)文件夾為非static
修改：config/index.js抒钱、build/dev-server.js蜓肆、build/webpack.prod.conf.js
