Question

正在运行

npm run dev

我在package.json中有哪些

  "scripts": {
     "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",

}，

所以在我的app.js中通过

加载css

require('vue-form-wizard/dist/vue-form-wizard.min.css');

现在出错了

error  in ./node_modules/vue-form-wizard/dist/vue-form-wizard.min.css
Module build failed: Error: No PostCSS Config found

在我的package.json中，我已经通过

安装了加载器

"sass-loader": "^6.0.6",
"style-loader": "^0.20.1",

进一步检查webpack.dev.conf.js我可以看到

  const cssLoader = {
loader: 'css-loader',
options: {
  sourceMap: options.sourceMap
}
}

const postcssLoader = {
loader: 'postcss-loader',
options: {
  sourceMap: options.sourceMap
}

}

那么我需要添加什么来让它运行，以便我可以使用

require('vue-form-wizard/dist/vue-form-wizard.min.css');
 or
import 'vue-form-wizard/dist/vue-form-wizard.min.css';

使用Vuejs2 webpack模板

Answer 1

尝试在根目录中添加 postcss.config.js 文件，如下所示。

module.exports = {
  plugins: [
    require('autoprefixer')({browsers: ['last 10 versions']})
  ],
};

运行模块生成时Vuejs2错误失败：错误：找不到PostCSS配置

1 个答案: