vue2.x main.js中全局引用css的方法及问题解决

步骤：

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>

vue2 man.js 前端编程

版权所有 © 【代码谷】 欢迎非商用转载，转载请按下面格式注明出处，商业转载请联系授权，违者必究。（提示：点击下方内容复制出处）

源文：《vue2.x main.js中全局引用css的方法及问题解决》，链接：https://www.daimagu.com/article/620.html，来源：【代码谷】