我想用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.js
和js/script.js
。 它有效,但它也产生css/style.css
我不需要也不想要。我想问题是条目&#34;样式&#34;即使通过它由ExtractTextPlugin处理也产生输出JS,但如何告诉webpack不为条目生成javascript输出?
我也尝试过不使用多个入口点并将main.scss添加到带有index.js的一个入口点列表中。它当然没有产生额外的文件,但是被转换的script.js包含了我不想要的main.scss的引用。我想要一个纯粹的解决方案来管理完全独立于脚本的样式。
js/style.js
答案 0 :(得分:0)
Webpack似乎总是需要一个源代码文件来引入外部样式,无论是CSS还是Sass - 我都认为无论如何都无法解决这个问题。如果您只是希望将这些已编译的css样式文件导入到您的应用程序中并且不想拥有关联的.js文件,那么只需使用node-sass编译器并构建.css文件即可。然后使用webpack css加载器通过webpack将其带入您的应用程序,或者您可以在html文件中手动引用它。
否则只需要一个单独导入Sass样式的js文件,然后在构建后删除它。你会得到相同的css。