Webpack sass @import
我得到一个很奇怪的错误/行为，经过几个小时的各种configurationtesting，我总是以下面同样的错误结束
ModuleBuildError: Module build failed: @import 'path/to/my/_partial.scss'; File to import not found or unreadable ... 每当我用'npm run dev'进行第一次运行，下面的configuration一切正常，所有的.scss文件都很好地编译成一个.css文件在正确的文件夹中。 但是，当我修改或添加其中一个scss文件scss标记上面的错误引发。 但是，这是奇怪的部分，当我再次保存没有修改的构build再次通过，并在大多数情况下，控制台不显示构build日志，但CSS是正确重build。 起初，我正在寻找错误的pathconfiguration，但第一次运行正确build立，所以文件被发现…。 我一直在寻找一个解决scheme，但没有find任何东西，在我安装的软件包，webpackconfiguration和文件夹结构
我安装的软件包是：
"scripts": { "dev": "set NODE_ENV=development && webpack --watch" } "webpack": "^2.1.0-beta.22" "resolve-url": "^0.2.1", "resolve-url-loader": "^1.6.1", "sass-loader": "^4.0.2", "style-loader": "^0.13.1", "css-loader": "^0.23.1", "node-sass": "^4.0.0", "extract-text-webpack-plugin": "^2.0.0-beta.4", "file-loader": "^0.9.0", "glob": "^7.1.1", "node-sass": "^4.0.0", "path": "^0.12.7", "postcss-cssnext": "^2.9.0", "postcss-import": "^9.0.0", "postcss-loader": "^1.2.1", "autoprefixer-loader": "^3.2.0"
我的webpack.config.js非常简单，如下所示：
entry: { styles: ['app.scss'], }, output: { filename: '[name].css', path: __dirname + '/app/styles' }, resolve: { modules: [ path.resolve(__dirname, 'dev'), 'node_modules' ], extensions: ['', '.css', '.scss', '.sass'] }, module: { loaders: [ // SASS { test: /\.scss$/, loader: extractTextPlugin.extract({ fallbackLoader: "style-loader", loader: "css-loader?modules&sourceMap&importLoaders=1&localIdentName=[local]!resolve-url!sass-loader?sourceMap" }) } ] }, plugins: [ new extractTextPlugin({ filename: '[name].css', allChunks: true }) ] }
他的文件夹结构包含一个app.scss文件，其中包含其他.scss文件的根目录./dev。
@import 'assets/styles/_variables.scss'; @import 'assets/styles/_mixins.scss'; @import 'assets/styles/_base.scss'; @import 'assets/styles/_motion.scss'; @import 'components/form/UiButton/_UiButton.scss'; @import 'components/router/UiSideBar/_SideBar.scss'; @import 'components/router/UiTopMenu/_TopMenu.scss'; @import 'components/router/UiSubMenu/_SubMenu.scss'; @import 'components/router/UiToolBar/_ToolBar.scss'; @import 'components/popup/UiModal/_UiModal.scss'; @import 'components/media/UiSpinner/_UiSpinner.scss';
所以第一个构build总是成功的，下一个构build会抛出类似上面提到的错误，但是在没有修改的情况下进行双重保存之后会成功。 有没有人遇到过这个问题/行为？ 或者这是一个错误的configuration？