有沒有辦法將檔案內容直接分配給變數/方法,而不需要 webpack 生成額外的變數?
目前 webpack 做這樣的事情:
index.js
import scss from './styles.scss';
console.log(scss);
output.js(實際)
const styles = '...';
console.log(styles);
我希望 webpack 將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 的額外代碼。還有其他更好的方法嗎?
uj5u.com熱心網友回復:
所以這確實是一個范圍界定問題。所以沒有真正的要求不想要 webpacks 的默認行為。
Webpack 有幾種方法可以做到這一點。請參閱this other answer了解如何定義全域變數,這是 Webpacks 做你想做的事情的方式。
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/484705.html
標籤:javascript 节点.js 网页包
