Question

我正在尝试从我的索引html创建一个禁用javascript的页面。

// 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文件生成到＆＃34;服务器＆＃34;它创建。

修改 - 我已经通过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'
  }
])

角度为2的根级别css与webpack for JS禁用

1 个答案: