Webpack 2:从结果中排除css条目

时间:2017-08-21 16:44:24

标签: webpack webpack-2 sass-loader extracttextwebpackplugin

我想用webpack编译scss和js。但是,只要我将它与Symfony 3一起使用,其中只有前端的某些页面使用javascript组件,我想将css编译为独立文件并使用旧式function checkNum() { var valeur = document.formulaire.inputDateDeQuoi.value; var reg = new RegExp("[^0-9/]", "i"); var qui = document.querySelector('#dateDeQuoi .err'); if (valeur.match(reg)) { qui.innerHTML = "<span style='color: rgb(200,10,70);'>Attention ! Ce champ ne doit contenir que des chiffres !</span>"; autoComp.value = -1; } else { qui.innerHTML = ""; } document.getElementsByName('inputDateDeQuoi') [0].addEventListener('keyup', checkNum); module.export = checkNum; 而不是导入(s)css到javascript模块。

我设法使用以下<link href="style.css">,我应该生成webpack.config.jsjs/script.js它有效,但它也产生css/style.css我不需要也不想要。我想问题是条目&#34;样式&#34;即使通过它由ExtractTextPlugin处理也产生输出JS,但如何告诉webpack不为条目生成javascript输出?

我也尝试过不使用多个入口点并将main.scss添加到带有index.js的一个入口点列表中。它当然没有产生额外的文件,但是被转换的script.js包含了我不想要的main.scss的引用。我想要一个纯粹的解决方案来管理完全独立于脚本的样式。

js/style.js

1 个答案:

答案 0 :(得分:0)

Webpack似乎总是需要一个源代码文件来引入外部样式,无论是CSS还是Sass - 我都认为无论如何都无法解决这个问题。如果您只是希望将这些已编译的css样式文件导入到您的应用程序中并且不想拥有关联的.js文件,那么只需使用node-sass编译器并构建.css文件即可。然后使用webpack css加载器通过webpack将其带入您的应用程序,或者您可以在html文件中手动引用它。

否则只需要一个单独导入Sass样式的js文件,然后在构建后删除它。你会得到相同的css。