为什么webpack css loader会为我的bundle添加这么多代码?

时间:2017-03-24 06:39:17

标签: webpack es6-module-loader css-loader sass-loader commonschunkplugin

我有一个名为 DropdownMenu.ts 的打字稿文件,看起来像这样

import DropdownMenuItem from './DropdownMenuItem';
import { createElem } from '../timeline/utils';
import { Dispatcher } from '../timeline/utils';
import { transition } from 'd3-transition';
// import './dropdown-menu.scss';

export default class DropdownMenu {
    // code omitted
}

我使用sass-loadercss-loader来处理sass文件并为其输出单独的css文件。如果我注释掉sass样式表的import语句,webpack的CommonsChunkPlugin会生成包含正确代码量的bundle。但是如果我删除样式表的import语句的注释,那么查看为这个打字稿模块生成的名为 DropdownMenu.js 的包文件,webpack已经为css加载器添加了大量代码工作。有没有办法删除这些代码或是否可能?

0 个答案:

没有答案