webpack2 css文件如何按我引入的文件名进行打包保存？

Question

我引入了多个less sass

<!--引入less 文件-->
<style src="./style/index.less" lang="less"></style>
<!--引入scss 文件-->
<style src="./style/scss.scss" lang="sass"></style>
<!--引入sass 文件-->
<style src="./style/sass.sass" lang="sass"></style>

我只想打包的时候把文件名保存成 index.css scss.css sacss.css

现在我打包都打包到一个文件里去了，我不想打包到一个文件里去。

Answer 1

要按文件名来打包恐怕是办不到的，不过可以按chunk的名字来打包，你可以定义多个chunk来分别打包这三个文件，大概可参考这里