Source ассеты Webpack
Давайте теперь попробуем source
ассеты, сделаем так, чтобы содержимое текстовых файлов при импорте попадало в переменную:
webpack.config.jsexport default {
entry: "./src/index.js",
output: {
filename: "bundle.js",
path: path.resolve("dist"),
},
module: {
rules: [
{
test: /\.txt$/,
type: "asset/source",
},
],
},
plugins: [new HtmlWebpackPlugin()],
};
Давайте сделаем текстовый файл:
/src/text.txtabcde
Подключим этот файл к точке входа:
/src/index.jsimport text from './text.txt';
В переменную text
попадет содержимое текстового файла:
/src/index.js// выведет 'abcde'
console.log(text);