vue在main.js中全局引用css的方法及坑
2024-10-11 07:14:45
步骤:
1、配置文件webpack.config.js:
{
test:/\.css$/,
loader:'style-loader!css-loader'
}
坑1:-loader尾缀
坑2:Module build failed: Unknown word 模块创建失败:未知文字????
解决方案:注掉整个css的配置,即:
//{
//test:/\.css$/,
//loader:'style-loader!css-loader'
//}
2、入口文件main.js:
require('./assets/css/base.css');
或:import './assets/css/base.css';
3、$npm install style-loader css-loader --save-dev
4、调用css
<style>
@import './assets/css/base.css';
</style>
最新文章
- iOS9网络适配(ATS)
- MySQL字段自增长AUTO_INCREMENT的学习笔记
- CentOS下安装LAMP环境
- [troubleshoot][archlinux][bcache] 修改linux文件系统 / 分区方案 / 做混合硬盘 / 系统转生大!手!术!(调整底层架构,不!重!装!)
- 基于android-async-http的android服务
- Arcgis for JS之Cluster聚类分析的实现
- Quartz.net官方开发指南系列篇
- NEsper z
- android shape的使用详解以及常用效果(渐变色、分割线、边框、半透明阴影效果等)
- JavaScript检测原始值、引用值、属性
- cdlinux可以安装在c盘
- BZOJ_3239_Discrete Logging_BSGS
- Angular Material design设计
- react+umi+dva+antd中dva的数据流图解
- node的优缺点及应用场景
- maven项目里jar包显示灰色
- RF基础(一) RF内建函数库BuiltIn
- Django框架(四) Django之视图层
- SQL 存储过程分页
- FP变更物料编码(增加尾缀)