有没有办法使用 webpack 将文件的内容分配给特定的变量？

Question

有没有一种方法可以将文件内容直接分配给 variable/method 而无需 webpack 生成额外的变量？

目前 webpack 做的事情是这样的：

index.js

import scss from './styles.scss';
console.log(scss);

output.js（实际）

const styles = '...';
console.log(styles);

我想让webpack把return文件中的内容直接styles.scss输出到console.log()方法中而不加styles变量

output.js（预期）

console.log('...');

我目前正在使用自定义加载程序读取 .scss 个文件：

css-loader.js

const sass = require('sass');

module.exports = function(source) {
    const result = sass.compile(this.resourcePath);

    return 'export default `\n' + result.css + '\n`';
};

我知道有一种方法可以使用 require() 函数来执行此操作，但它会生成大量来自 webpack 的额外代码。还有其他更好的方法吗？

Answer 1

所以这确实是一个范围界定问题。所以没有真正的要求不希望 webpacks 默认行为。

Webpack 有几种方法可以做到这一点。请参阅其他答案以了解如何，这是 Webpack 做您想做的事情的方式。

有没有办法使用 webpack 将文件的内容分配给特定的变量？

Is there a way to assign the content of a file to a specific variable using webpack?

javascript

node.js

webpack