Open
Description
Version
5.0.4
Reproduction link
Environment info
System:
OS: macOS 12.3.1
CPU: (4) x64 Intel(R) Core(TM) i5-7267U CPU @ 3.10GHz
Binaries:
Node: 12.12.0 - /usr/local/bin/node
Yarn: Not Found
npm: 6.14.5 - /usr/local/bin/npm
Browsers:
Chrome: 100.0.4896.127
Edge: Not Found
Firefox: Not Found
Safari: 15.4
npmPackages:
@vue/babel-helper-vue-jsx-merge-props: 1.2.1
@vue/babel-helper-vue-transform-on: 1.0.2
@vue/babel-plugin-jsx: 1.1.1
@vue/babel-plugin-transform-vue-jsx: 1.2.1
@vue/babel-preset-app: 5.0.4
@vue/babel-preset-jsx: 1.2.4
@vue/babel-sugar-composition-api-inject-h: 1.2.1
@vue/babel-sugar-composition-api-render-instance: 1.2.4
@vue/babel-sugar-functional-vue: 1.2.2
@vue/babel-sugar-inject-h: 1.2.2
@vue/babel-sugar-v-model: 1.2.3
@vue/babel-sugar-v-on: 1.2.3
@vue/cli-overlay: 5.0.4
@vue/cli-plugin-babel: ~5.0.0 => 5.0.4
@vue/cli-plugin-eslint: ~5.0.0 => 5.0.4
@vue/cli-plugin-router: ~5.0.0 => 5.0.4
@vue/cli-plugin-typescript: ~5.0.0 => 5.0.4
@vue/cli-plugin-vuex: ~5.0.0 => 5.0.4
@vue/cli-service: ~5.0.0 => 5.0.4
@vue/cli-shared-utils: 5.0.4
@vue/compiler-core: 3.2.33
@vue/compiler-dom: 3.2.33
@vue/compiler-sfc: 3.2.33
@vue/compiler-ssr: 3.2.33
@vue/component-compiler-utils: 3.3.0
@vue/devtools-api: 6.1.4
@vue/eslint-config-typescript: ^9.1.0 => 9.1.0
@vue/reactivity: 3.2.33
@vue/reactivity-transform: 3.2.33
@vue/runtime-core: 3.2.33
@vue/runtime-dom: 3.2.33
@vue/server-renderer: 3.2.33
@vue/shared: 3.2.33
@vue/web-component-wrapper: 1.3.0
eslint-plugin-vue: ^8.0.3 => 8.6.0
typescript: ~4.5.5 => 4.5.5
vue: ^3.2.13 => 3.2.33
vue-eslint-parser: 8.3.0
vue-hot-reload-api: 2.3.4
vue-loader: 17.0.0 (15.9.8)
vue-router: ^4.0.3 => 4.0.14
vue-style-loader: 4.1.3
vue-template-es2015-compiler: 1.9.1
vuex: ^4.0.0 => 4.0.2
npmGlobalPackages:
@vue/cli: 5.0.4
Steps to reproduce
create project and try import scss file
What is expected?
Using the vue.config.js to import scss files it seems not to import the files into the project. Not sure if this is a vue cli issue os sass-loader issue. Going off the vue docs for set up.
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true,
css: {
loaderOptions: {
sass: {
additionalData: @import "@/assets/scss/variables.scss;"
}
}
}
},
)
What is actually happening?
Error reported that variables cant be found in components. Wont build.
Metadata
Metadata
Assignees
Labels
No labels