使用sass作为webpack的入口点？

Question

正如您在webpack文档中看到的那样，他们使用了js文件作为入口点。

我在一个小项目中使用webpack，根本不使用js，只使用HTML和CSS （SASS）。因此，如果我使用sass文件作为入口点，webpack是否可以正常工作。

Answer 1

你可以查看css-entry-webpack-plugin是否有帮助，如果没有，你可以定义一个导入你的scss的js文件，结合使用Extract-text-plugin你会获得一个css文件

创建一个js文件，其中包含对scss文件的导入，

// entry.js
import './style.scss';

Answer 2

这有点晚了，但是我遇到了同样的问题。

但是我可以使用here

所述的文件加载器解决问题

还请注意，我使用的是webpack4。

我的配置文件如下。

const path = require('path');

module.exports = (env, argv) => {

let config = {
    entry: [
        path.resolve('./src/js/main.js'),
        path.resolve('./src/scss/style.scss')
    ],
    output: {
        filename: '[name].js',
        path: path.resolve('./dist')
    },
    module: {
        rules: [
            {
                test: /\.scss$/,
                use: [
                    {
                        loader: 'file-loader',
                        options: {
                            name: '[name].css',
                        }
                    },
                    'sass-loader' // compiles Sass to CSS, using Node Sass by default
                ]
            }
        ]
    },
    watch: (argv.mode == 'development')
}

return config;

}