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

编程教程 > WEB > JavaScript (8261) 2024-11-26 14:39:04

步骤:

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>

评论
User Image
提示:请评论与当前内容相关的回复,广告、推广或无关内容将被删除。

相关文章
步骤:1、配置文件webpack.config.js:  {     test:/\.css$/,     loader:'style-loader!css-loader'  ...
前言有时候,我们需要对js的原生对象进行扩展,达到全局使用更方便的效果
在初始化的Vue项目中,我们最先接触到的就是main.js,App.vue,index.html这三个文件,从下面创建的一个空白项目中可以看到:​关于三个文件的说明如下:index.html---主页
vue
1.vue项目中创建global.js创建global.js放于main.js同级目录(可自己随意放)export default {   getToken()   {     retur...
vue打包会把vue相关的组件打包到一个文件vendor.*.js(*是个随机数)步骤一 资源引入vue最外层index.html文件引入资源文&lt;body&gtl;     &lt;di...
普通写法​vantUI 使用字体图标和文字&lt;template&gtl; &lt;van-tabbar v-model="active" active-color="#07c160"&gtl...
一、前言Vue 2.x 使用期间,我们会创建众多组件,这里我们将讨论一下各个组件直接的相互通讯问题如何解决
js 生成二维码引入qrcode.js该框架基于HTML5原生编写,兼容性较好。支持H5 vue uniapp 微信小程序等。基本使用参考&lt;div id="qrcode"&gtl;&lt;...
一、函数式写法在vue2中,computed 写法:computed:{ sum(){ return this.num1+ this.num2 }} vue 3
vue-router 中 routers 定义写法,讨论 require 的使用与否​首先上 routerindex.jsimport Vue from 'vue'import Router f...
Js也导出Excel,能在前台导出的话,将会大大减轻数据库的压力
在vue2.0中使用了axios库,设置请求头Content-Type='application/json;charset=UTF-8'无效axios.defaults.headers.comm...
一、vue-router路由跳转分为两大类编程式的跳转:router.push声明式的跳转:&lt;router-link&gtl;二、编程式的跳转分为三种1、this.$router.push...
JavaScript/JS数组清空,删除数组内所有数据。Array=[]与Array.length=0的区别
前言Vue3 + Vite 打包静态资源使用相对路径 默认配置打包后文件预览相对路径绝对路径 Vue3 静态资源相对路径打包配置方法: 在defineConfi