角度2的根級別CSS與JS的禁用的webpack

Question

我試圖創建一個JavaScript禁用的頁面關閉我的索引HTML。

// index.html 

<noscript> 
    <div class="noJS"> 
    <h2>You must have JavaScript enabled to log in.</h2> 
    </div> 
</noscript> 

總而言之，這將有足夠的樣式，我不想保留在html文件中。 問題是，因爲js被禁用，所以我們不能使用任何導入，因爲JavaScript已禁用。由於禁用了js，webpack不會將該.css文件構建/移動到根目錄。

我試圖創建一個新的.css文件並將其導入到index.html中。但是，我正在使用webpack，並且webpack不會將該.css文件生成到其創建的「服務器」。

編輯 - 我將它作爲通過HTML加載器LoaderOptionsPlugin。

// webpack.dev.js 

htmlLoader: { 
    ignoreCustomFragments: [/\{\{.*?}}/], 
    root: path.resolve(__dirname, '/src'), 
    attrs: ['link:href'] 
} 

如果你們有任何建議，我將不勝感激！謝謝！

Answer 1

我真的得到了這個工作，我可以使用下面的代碼複製文件在webpack中的任何人可能想要的。

// webpack.common.js 

new CopyWebpackPlugin([ 
    { 
    from: 'src/assets', 
    to: 'src/assets', 
    }, { 
    from: 'web.config', 
    to: 'web.config' 
    }, { 
    from: 'src/no-js.css', 
    to: 'no-js.css' 
    } 
])