如何防止Webpack为CSS创建JS文件？ [英] How to prevent webpack to create js file for css?

问题描述

const path = require('path');

var webpack = require('webpack'),
    ExtractTextPlugin = require("extract-text-webpack-plugin");
var nodeExternals = require('webpack-node-externals');
const CssEntryPlugin = require("css-entry-webpack-plugin");

module.exports = {
    entry: {
        index: './js/index.js',
        product_details: './js/index.js',
        signup: ['./js/signup.js','./js/index.js'],
        signup_style: ['./css/signup.css']
   },
    output: {
        path: path.resolve(__dirname, 'dist/js'),
        filename: "[name].min.js"
    },
    externals: [nodeExternals()],
    module: {
        rules: [
          {
            test: /\.js/,
            use: 'babel-loader',
            exclude: /node_modules/,
          },
          { 
            test: /\.css$/,
            use: ExtractTextPlugin.extract({
                fallback: 'style-loader',
                use: [{
                        loader: 'css-loader',
                        options: {
                            minimize: true,
                        }
                    }]
            })
          }
        ]
      },
      plugins: [
        new ExtractTextPlugin('../css/[name].css')
      ]
};

上面是我的webpack.config.js文件。它会创建 signup_style.min.js 和 signup_style.css 文件。我只想创建
的 signup_style.css 文件，而不想要 signup_style.min.js 。

Above is my webpack.config.js file. It creates signup_style.min.js and signup_style.css files. I want only signup_style.css file to create and not signup_style.min.js.

我们该怎么做？

推荐答案

您可以使用 https://www.npmjs.com/package/webpack-fix-style-only-entries

这是一个小插件，旨在解决只有样式项（css / sass / less）生成额外的js文件的问题。

This is a small plugin developed to solve the problem of having a style only entry (css/sass/less) generating an extra js file.

这篇关于如何防止Webpack为CSS创建JS文件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！