2017-06-14 39 views
1

我想創建一個Webpack配置文件,該文件應該將我的.scss文件傳輸到.css文件。問題是webpack不會創建style.css文件。我有一個core.scss共4行,所以它應該這樣做。Webpack 2 - 不會創建分離的CSS文件

我webpack.config.js:

var path = require('path'); 
var ExtractTextPlugin = require("extract-text-webpack-plugin"); 
module.exports = { 

//Entry point 
entry: path.resolve(__dirname, 'assets/src/js/main.js'), 

//Output 
output: { 
    path: path.resolve(__dirname, 'assets/dist/js'), 
    filename: 'bundle.js' 
}, 

//Modules 
module: { 
    rules: [ 
     { 
      test: /\.scss$/, 
      use: ExtractTextPlugin.extract({ 
       fallback: 'style-loader', 
       use: ['css-loader', 'sass-loader'] 
      }) 
     } 
    ] 
}, 

//Plugins 
plugins: [ 
    new ExtractTextPlugin({ 
     filename:'style.css' 
    }) 
] 
} 

我是怎麼做了?缺少什麼?感謝您的幫助!

回答

0

你使用的是什麼版本的webpack?您是否通過import '../style/core.scss'將您的scss文件正確導入至少一個js文件?

還有什麼錯誤?

+0

我正在使用Webpack 2.6.1。你有權利。我沒有嵌入scss文件,也沒有添加到入口點。所以......我認爲這是問題所在。 – KozaKrisz

+0

想標記我的答案是正確的?謝謝 – tasty