Question

我正在玩webpack，但我有一些奇怪的事情......我使用youtube教程进行了一些配置，它可以工作，但是：在我的dist文件夹中我看不到生成的app.css，为什么？ PS。它的webpack2教程

const ExtractTextPlugin = require("extract-text-webpack-plugin");
    var HtmlWebpackPlugin = require('html-webpack-plugin');
    var path = require("path");

    module.exports = {
    entry: {
        app: './src/app.js',
        contact: './src/contact.js'
    },
    output: {
        path: path.resolve(__dirname, "dist"),
        filename: '[name].bundle.js'
    },
    module: {
        rules: [
            {test: /\.scss$/, 
                use: ExtractTextPlugin.extract({
                    fallback: 'style-loader',
                    use: ['css-loader', 'sass-loader'],
                    allChunks: true
                })
            }
        ]
    },
    devServer:{
     contentBase: path.join(__dirname, "dist"),
     compress: true,
     port: 9000,
     stats: "errors-only",
     open: true
    },
     plugins: [
        new HtmlWebpackPlugin({
            title: 'fsdfsdfsdfsdf',
            hash: true, // ważne dla bezpieczeństwa
            excludeChunks: ['contact'],
            template: './src/index.html' // Load a custom template (lodash by default see the FAQ for details)
            }),
            new HtmlWebpackPlugin({
            title: 'fsdfsdfsdfsdf',
            hash: true,
            chunks: ['contact'],
            filename: 'contact.html',
            template: './src/contact.html'
            }),
            new ExtractTextPlugin({
                filename: 'app.css'
            })
     ]
    }

我有提取文本插件名称，我有publicPath，但在W3中我不支持。

Answer 1

Webpack需要entry点来构建依赖图，然后处理/捆绑图中的所有内容。

虽然您的webpack配置有一切就绪来处理sass文件，但必须缺少源代码才能指定依赖项。它通常用require("some.scss")来完成它所需要的。

从您的上一次评论中，您不清楚是否已找出问题。如果不希望这有帮助。

Webpack - 输出文件

1 个答案: