vue.js - Electron Webpack Vue 全局变量
问题描述
我现在正在尝试几个小时来让全局变量在电子与 webpack 和 vue 中工作,但 vue 找不到声明的变量。
webpack.config.js
{
test: /\.scss$/,
use: [
"vue-style-loader",
"css-loader",
{
loader: "sass-resources-loader",
options: {
resources: 'src/assets/scss/custom/_variables.scss'
}
}
]
}
应用程序.vue
background-color: $gray;
错误:
background-color: $gray-900;
^
Undefined variable: "$gray-900".
解决方案
您的问题可能是resources
从根目录未正确解析路径,因此它们从未真正定义过。
可能的解决方案
假设您的webpack.config.js
文件与以下目录位于同一目录中src/
:
{
loader: 'sass-resources-loader',
options: {
resources: path.resolve(__dirname, './src/assets/scss/custom/_variables.scss')
},
}
推荐阅读
- torch - 转换 C++ 向量
> to torch::tensor - c++ - 将 char 数组传递给需要 const std::string 引用的函数
- javascript - WebSockets 在有和没有身份验证的情况下都不能并行工作
- visual-studio - 在 Visual Studio 中忽略非项目文件中的警告
- python - 为什么.grid 在我尝试移动按钮时给我一个错误
- domain-driven-design - DDD 聚合存储库和缓存存储库
- sql - SQL - 航班停靠点
- java - Eclipse java调试在运行时无法编辑代码
- c# - 当前上下文中不存在名称“rb”?
- python - 将 pandas 表导入 tkinter 项目