1.在项目在外层新建一个vue.config.js文件代码如下:
var path=require('path')//引入path模块
function resolve(pathUrl){//设置绝对路径
return path.resolve(__dirname,pathUrl)
}
module.exports={
configureWebpack: (config) => {
// config.entry.app = ["babel-polyfill", "./src/pages/login/main.js"];
Object.assign(config, {
// 开发生产共同配置
resolve: {
extensions: ['.js', '.vue', '.json','.css','.scss'],
alias: {
vue$: 'vue/dist/vue.esm.js',
'@': resolve('src'),
'@pages': resolve('src/pages'),
'@assets': resolve('src/assets'),
'@components': resolve('src/components'),
'@lib': resolve('src/lib'),
'@styles': resolve('src/styles'),
'@router': resolve('src/router'),
'@api': resolve('src/api'),
'@css': resolve('src/assets/css'),
}
})
},
}``
2.在页面中引入方式:
import '@assets/configuration/css/element-ui.scss'
import '@assets/configuration/css/index.scss';