webpack 将css作为字符串导入(vue-cli)

vuktfyat 于 2022-11-13 发布在 Webpack

关注(0)|答案(1)|浏览(306)

首先，我从vue-cli last version创建了一个清晰的项目vue create project
在main.js中，我尝试从'./test.css'导入样式，在我的test.css中，我有两个类。
在console.log(styles)或console.log(styles.className)中，我找到了empty object或undefined，为什么会出现这种情况？
顺便说一句，styles.toString()不起作用，在vue-cli文档中我找到了https://github.com/css-modules/css-modules，但它也不起作用。
我还发现了这样一种写作结构：

var myStyle = require('./test.css');
myStyle.use(); //inject it via a `<style>` element
myStyle.unuse(); //removes it

http://tomasalabes.me/blog/web-development/2016/09/13/Webpack-Series-Part-4.html
但这也行不通......
也许我做错了什么？对不起，但是有人能解释一下吗？

webpack

来源：https://stackoverflow.com/questions/50491250/import-css-as-a-string-vue-cli

1条答案

按热度按时间

inb24sb21#

npm install --save-dev raw-loader

const styles = require('!!raw-loader!../public/file.css');

// object
console.log(styles);

// string of original file
console.log(styles.default);

赞(0）回复(0）举报 2022-11-13

我来回答

webpack 将css作为字符串导入(vue-cli)

1条答案

相关问题

热门标签

最新问答