Webpack 正则表达式

Question

初学 webpack。

在我的根目录中，我有我的 main.js 入口点，并且还在检查 .js 和 .scss 文件

它确实编译了 main.js 文件。

Webpack 似乎无法找到任何其他 .scss 或 .js 文件。我做错了什么。

完整配置如下：

var webpack = require('webpack');
var path = require('path');
let ExtractTextPlugin = require("extract-text-webpack-plugin");




    var webpack = require('webpack');
    var path = require('path');
    let ExtractTextPlugin = require("extract-text-webpack-plugin");


    module.exports = {

        entry: './main.js',
        output: {
            path: path.resolve(__dirname, './dist3'),
            filename: 'bundle5.js'
        },

        module: {
            rules: [

             {  test: /\.js$/, 
                    exclude: /node_modules/, 
                    loader: "babel-loader?presets[]=es2015",

                 },

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



            ]
        },

        plugins: [

            //new webpack.optimize.UglifyJsPlugin(),
            new ExtractTextPlugin('ross.css')

        ]

    };

Answer 1

Webpack 不仅包括项目中的每个文件，而是从入口点开始，包括这些文件及其依赖项中所需的所有内容。如果您希望文件包含在您的包中，您可以导入它们，甚至是 scss 或其他非 JavaScript 文件，并且匹配某些规则的加载器会将它们转换为有效的 JavaScript。例如，您可以在 JavaScript:

中导入一个 .scss 文件

import './styles.scss';

您还可以有多个入口点，这些入口点会将它们及其所有依赖项添加到包中。查看入口点的官方文档：https://webpack.js.org/concepts/entry-points/

您在 module.rules 中定义的加载程序只是告诉 webpack 如何处理与您正在使用的正则表达式相匹配的导入。有关详细信息，请参阅：https://webpack.js.org/concepts/loaders/

Webpack 正则表达式

Webpack regular expressions

path

webpack

webpack-style-loader