Марко-JS веб-пакет компиляции CSS

Я собираюсь использовать Marko для разработки приложения Electron, но у меня возникают проблемы с извлечением и извлечением кода CSS из моих файлов Marko. Это мое webpack.config.js файл.

'use strict'

const webpack = require('webpack')
const ExtractTextPlugin = require('extract-text-webpack-plugin')

module.exports = {
  mode: 'development',
  entry: ['./renderer.js'],
  target: 'electron-renderer',
  output: {
    path: __dirname,
    filename: 'dist/bundle.js'
  },
  resolve: {
    extensions: ['.js', '.marko'],
    aliasFields: ['browser']
  },
  module: {
    rules: [
      {
        test: /\.(js|marko)$/,
        loader: 'eslint-loader',
        enforce: 'pre',
        include: ['src'],
        options: {
          formatter: require('eslint-friendly-formatter')
        }
      },
      {
        test: /\.marko/,
        loader: 'marko-loader'
      },
      {
        test: /\.js$/,
        loader: 'babel-loader',
        include: ['src']
      },
      {
        test: /\.(css|less)$/,
        loader: ExtractTextPlugin.extract({
          fallback: 'style-loader?sourceMap',
          use: 'css-loader?sourceMap!less-loader'
        }),
        include: ['src']
      },
      {
        test: /\.(?:png|jpg|svg)$/,
        loader: 'url-loader'
      }
    ]
  },
  plugins: [
    // Avoid publishing files when compilation failed:
    new webpack.NoEmitOnErrorsPlugin(),
    // Write out CSS bundle to its own file:
    new ExtractTextPlugin('dist/bundle.css', { allChunks: true })
  ]
}

Он компилирует и объединяет js, но не css. Что может быть не так в конфигурации веб-пакета? Я следовал инструкциям, а также попробовал Marko-WebPack GitHub репо, и похоже, что GitHub репо не работает.

0 ответов

Другие вопросы по тегам