如何使用webpack.config.js文件捆绑所有.scss文件?

时间:2015-11-25 17:26:26

标签: javascript css sass webpack

我试图设置我的In [63]: print df pos t 0 0 2015-11-21 14:46:54.445307000 1 1 2015-11-21 14:46:54.477091000 2 2 NaT 3 3 NaT 4 4 NaT 5 5 NaT 6 6 2015-11-21 14:46:54.927361000 7 7 2015-11-21 14:46:55.003917250 In [64]: pd.to_datetime(pd.to_numeric(df.t).interpolate()) Out[64]: 0 2015-11-21 14:46:54.445306880 1 2015-11-21 14:46:54.477091072 2 2015-11-21 14:46:54.567144960 3 2015-11-21 14:46:54.657199104 4 2015-11-21 14:46:54.747252992 5 2015-11-21 14:46:54.837307136 6 2015-11-21 14:46:54.927361024 7 2015-11-21 14:46:55.003917312 Name: t, dtype: datetime64[ns] In [65]: print df df.ix[df.t.isnull(), 't'] = pd.to_datetime(pd.to_numeric(df.t).interpolate())[df.t.isnull()] print df pos t 0 0 2015-11-21 14:46:54.445307000 1 1 2015-11-21 14:46:54.477091000 2 2 2015-11-21 14:46:54.567144960 3 3 2015-11-21 14:46:54.657199104 4 4 2015-11-21 14:46:54.747252992 5 5 2015-11-21 14:46:54.837307136 6 6 2015-11-21 14:46:54.927361000 7 7 2015-11-21 14:46:55.003917250 文件以将我的sass捆绑在一起。我有一个文件webpack.config.js,它定义了项目中其他地方使用的变量。例如,我的src/sass/index.scss文件使用另一个文件中定义的src/components/css/button.scss变量。

我是否可以设置$my-special-green文件来获取webpack.config.js目录,递归查找所有/src个文件,然后将它们捆绑成一个.scss文件?理想情况下,我希望这一切都发生在bundle.css文件中。

我可以在我的webpack.config.js文件中要求单独的.scss文件,但是如果可能的话我想避免这样做。另外,我知道我可以将一个entry.js文件导入到另一个文件中,但如果可能的话我也想避免这样做。

如果我需要.scss文件中的.scss文件,那么它们会被放入我正在创建的entry.js文件中public/bundle.css,但我想知道是否有办法让这种情况发生在这个ExtractTextPlugin文件之外。

我认为使用

webpack.config.js

可能是解决方案,但在我的情况下,这并没有真正改变任何事情。我想,当在javascript文件中需要sassLoader: { includePaths: [path.resolve(path.join(__dirname, "src"))] } 文件时,它确实只是确保包含这些路径?

我当前的.scss文件看起来像......

webpack.config.js

0 个答案:

没有答案