角度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' 
    } 
])