webpackでJSを使わなくてもsass/less/cssをビルドできますか？

Question

私は現在、いくつかのコンポーネントを成功裏のWebPACKで構築されている& SASSを反応させています。私はまた、gulpタスクでCSSに構築されたメインのsassファイルを持っています。

私はこれらの技術のいずれかを使用する必要がしたいのですが、それだけで関連するエントリファイルにSASSに必要とせずにCSSにSASSをコンパイルすることは可能でしょうか？

はここのWebPACKを実行した後WebpackExtractTextPlugin

webpack.config.js

entry_object[build_css + "style.css"] = static_scss + "style.scss"; 
module.exports = { 
    entry: entry_object, 
    output: { 
    path: './', 
    filename: '[name]' 
    }, 
{ 
    test: /\.scss$/, 
    include: /.scss$/, 
    loader: ExtractTextPlugin.extract("style-loader", "css!sass") 
} 
    plugins: [ 
    new ExtractTextPlugin("[name]") 
    ] 

を使用しようとしている例です、style.cssに資産は次のようになります。

/******/ (function(modules) { // webpackBootstrap 
/******/ // The module cache 
/******/ var installedModules = {}; 
/******/ 
/******/ // The require function 
/******/ function __webpack_require__(moduleId) { 

... 

Answer 1

私はこれを解決しました@bebraw

の助けを借りて、彼は彼のコメントで述べたように、 Webpackは、ExtractTextPluginを使用しているときは、output.filenameにパターンが続くダミーのjavascriptファイルを作成します。私はExtractTextPluginの出力ファイルをoutput.filenameの名前とまったく同じに設定していたので、javascriptファイルのみを出力していました。 output.filenameとExtractTextPluginの出力ファイル名が異なることを保証することによって、私は美しい音にCSSを読み込むことができました。

ここであなたはWebPACKのを必要とするか、CSSにSASSをtranspileために飲み込むしようとしているwebpack.config.js

entry_object[build_css + "style"] = static_scss + "style.scss"; 
module.exports = { 
    entry: entry_object, 
    output: { 
    path: './', 
    filename: '[name]' 
    }, 
{ 
    test: /\.scss$/, 
    include: /.scss$/, 
    loader: ExtractTextPlugin.extract("style-loader", "css!sass") 
} 
    plugins: [ 
    new ExtractTextPlugin("[name].css") 
    ]