styl类型文件css,styl样式文件问题：vue重复加载

错误代码：

ERROR in ./node_modules/_css-loader@0.28.11@css-loader!./node_modules/_postcss-loader@2.1.3@postcss-loader/lib??ref--9-2!./node_modules/_stylus-loader@3.0.2@stylus-loader!./node_modules/_style-loader@0.20.3@style-loader!./node_modules/_css-loader@0.28.11@css-loader!./node_modules/_postcss-loader@2.1.3@postcss-loader/lib??ref--10-2!./node_modules/_stylus-loader@3.0.2@stylus-loader!./src/assets/styles/footer.styl

Module build failed: ParseError: G:\前端学习\vue-start\test\src\assets\styles\footer.styl:2:253

2| var content = require("!!../../../node_modules/_css-loader@0.28.11@css-loader/index.js!../../../node_modules/_postcss-loader@2.1.3@postcss-loader/lib/index.js??ref--10-2!../../../node_modules/_stylus-loader@3.0.2@stylus-loader/index.js!./footer.styl");

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------^

4| if(typeof content === 'string') content = [[module.id, content, '']];

expected "indent", got ";"

在StackOverflow上找到类似问题，原因是.styl文件引入过程中，webpack打包stylus-loader->postcss->css->style，打包完后，vue自身又会在自动打包一次也就是stylus-loader->postcss->css->style => stylus ->postcss -> css

解决办法是：不通过require和import引入.styl文件，通过

但是老师的footer.jsx 是用jsx写的，好像不能用，很无奈，各位大神有什么其他的解决办法吗？很崩溃，搞了一晚上了

styl类型文件css,styl样式文件问题：vue重复加载相关推荐

利用pagespeed插件优化网站css层叠样式文件
"不务正业"的google最近发布了pagespeed插件和apache 2专有的mod_pagespeed页面优化模块:pagespeed插件目前仅有firefox版的,该插件要 ...
【HTML+CSS】CSS初始化样式文件
[HTML+CSS]CSS初始化样式文件不同的浏览器对有些标签的默认值是不一样的,为了消除不用浏览器对HTML文件呈现的差异,照顾浏览器的兼容性,我们需要进行CSS初始化.一般情况下,我们会专门准备 ...
css初始化样式文件_前端必备技能 webpack 4. webpack处理CSS资源
每篇文章纯属个人经验观点,如有错误疏漏欢迎指正因为 webpack 本身只具有识别 JS 的能力,所以涉及到其他资源,需要我们通过 loader 来进行特殊处理,针对不同的样式资源,需要以下几个 ...
vue项目html引入css,vue项目引入自定义.css的样式文件
ES6的引入方式: .vue文件中 css文件引入 @import "../assets/common/common.css";//自定义.css的样式路径 js文件的引入在ma ...
webpack5-打包css等样式资源，css等样式文件提取，css等样式文件压缩
打包css资源加载css资源需要安装style-loader,css-loader库配置如下: module: {rules: [// 在rules中写详细的loader配置// 打包css资源{ ...
css公用样式文件,CSS公用样式.doc
CSS公用样式 html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, ...
vsvue文件css提示插件,VSCode 开发Vue必备插件
VSCode 开发Vue必备插件对于很多使用vscode编写vue项目的新手同学来说,可能不知道使用什么插件,这里简单说一下我常用的几款插件. 1. vetur 实现在 vue 文件中: 语法错误检 ...
tp view html 引用css,TP5.1：将外部资源引入到框架中（css/js/font文件）
为了让我们的框架形式变得更加好看,我们需要加入Bootstrap和Jq文件到框架中 1.通过Bootstrap和jq官网进行相关文件的下载 (1)Bootstrap下载地址:https://v3.bo ...
GeoServer使用样式文件
GeoServer样式文件 geoserver的样式文件为.sld文件可以使用QGIS设置样式文件并导出样式为.sld文件创建样式选择Styles 这里可以选择样式文件xml或者手动填入示例文 ...
android 判断图片的格式的,android判断文件是否是图片文件的方法
判断一个文件是否是图片文件的方法,采用BitmapFactory去decode然后根据返回的Options参数来确定: public static boolean isImageFile(String ...

styl类型文件css,styl样式文件问题：vue重复加载

styl类型文件css,styl样式文件问题：vue重复加载相关推荐

最新文章

热门文章