Я не могу заставить его работать для загрузки файлов css в моем проекте VueJs. Я недавно добавил менее загрузчик и sass-загрузчик, они работают нормально. Но когда я добавляю файл css в файл sass или main.js с импортом, он не может найти файл.
Вот что я делаю:
дерзкий:
@import "../../../../node_modules/pnotify/dist/PNotifyBrightTheme.css";
or js:
import 'module/pnotify/dist/PNotifyBrightTheme.css'
веб-пакет.base.config:
resolve: {
extensions: ['.js', '.vue', '.json', '.css'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
'module': resolve('node_modules')
}
},
module: {
rules: [{
test: /\.css$/,
use: [
'style-loader',
{
loader: 'css-loader',
options: { importLoaders: 1 }
},
'postcss-loader'
]
}]
}
файл postcssrc.js:
module.exports = {
"plugins": {
"postcss-import": {},
"postcss-url": {},
"autoprefixer": {}
}
}
установленные модули:
"css-loader": "^0.28.11",
"postcss-load-config": "^1.2.0",
"postcss-import": "^11.0.0",
"postcss-loader": "^2.1.4",
"postcss-url": "^7.2.1",
"style-loader": "^0.21.0",
библиотека с файлом css
"pnotify": "^4.0.0-alpha.4",
Исключение:
in ./src/assets/scss/index.scss
Module build failed: Error: Failed to find '../../../../node_modules/pnotify/dist/PNotifyBrightTheme.css'
in [
/src/assets/scss
]
at resolveModule.catch.catch (/node_modules/postcss-import/lib/resolve-id.js:35:13)
at <anonymous>
@ ./src/assets/scss/index.scss 4:14-212 13:3-17:5 14:22-220
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js
Кто-нибудь знает, как это сделать? Я впадаю в отчаяние :(