Path 网页包正则表达式

第一次尝试webpack

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

它编译main.js文件

Web包似乎找不到任何其他.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')

        ]

    };

---

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

.scss

文件：

import './styles.scss';

您还可以有多个入口点，将它们及其所有依赖项添加到bundle中。请查看官方文档中的入口点：

---

您在

module.rules

中定义的加载程序只需告诉webpack如何处理与您正在使用的正则表达式匹配的导入。有关更多信息，请参见：

是否在

main.js

中导入

.js

和

.scss

？Webpack不关心您的入口点不需要的任何文件。不，您是说所有文件都必须以某种方式作为引用吗？它不关注像browserify这样的变化吗？你有没有举个例子？谢谢，干得好。只是觉得在javascript文件中导入.css或scss很奇怪。