再ant design pro里面scss没法解析 about ggeditor HOT 8 CLOSED

https://github.com/gaoli/GGEditor/blob/master/tools/webpack.config.base.js#L13

试试：）

from ggeditor.

ant design pro是用roadhog的.webpackrc.js取代webpack.config.base.js。

看webpackrc的文档里只有sass的配置，没有scss。

现在主要是不懂怎样把scss的配置移植到.webpackrc.js，或者只能把scss改成less？

.webpackrc.js内容如下：

const path = require('path');
export default {
  entry: 'src/index.js',
  extraBabelPlugins: [
    ['import', { libraryName: 'antd', libraryDirectory: 'es', style: true }],
  ],
  env: {
    development: {
      extraBabelPlugins: ['dva-hmr'],
    },
  },
  alias: {
    components: path.resolve(__dirname, 'src/components/'),
  },
  ignoreMomentLocale: true,
  theme: './src/theme.js',
  html: {
    template: './src/index.ejs',
  },
  disableDynamicImport: true,
  publicPath: '/',
  hash: true,
};

https://github.com/gaoli/GGEditor/blob/master/tools/webpack.config.base.js#L13

试试：）

from ggeditor.

@jarrywen

直接使用 sass 的配置即可：）

from ggeditor.

ant design pro是用roadhog的.webpackrc.js取代webpack.config.base.js。

看webpackrc的文档里只有sass的配置，没有scss。

现在主要是不懂怎样把scss的配置移植到.webpackrc.js，或者只能把scss改成less？

.webpackrc.js内容如下：

const path = require('path');
export default {
  entry: 'src/index.js',
  extraBabelPlugins: [
    ['import', { libraryName: 'antd', libraryDirectory: 'es', style: true }],
  ],
  env: {
    development: {
      extraBabelPlugins: ['dva-hmr'],
    },
  },
  alias: {
    components: path.resolve(__dirname, 'src/components/'),
  },
  ignoreMomentLocale: true,
  theme: './src/theme.js',
  html: {
    template: './src/index.ejs',
  },
  disableDynamicImport: true,
  publicPath: '/',
  hash: true,
};

https://github.com/gaoli/GGEditor/blob/master/tools/webpack.config.base.js#L13
试试：）

你的问题解决了么，我也是这个问题呢

from ggeditor.

@jarrywen

直接使用 sass 的配置即可：）

你好，我也是上面的问题，用的ant design pro 搭建的项目，没有webpack.config.base.js文件，只有webpackrc.js，不知道要怎么配置才能支持.scss文件，而且驼峰形式的样式名，在scss文件中用的是小写的-来替代的，不知道要怎么配置，ant design pro中的css文件是.less的。

from ggeditor.

@jarrywen
直接使用 sass 的配置即可：）

你好，我也是上面的问题，用的ant design pro 搭建的项目，没有webpack.config.base.js文件，只有webpackrc.js，不知道要怎么配置才能支持.scss文件，而且驼峰形式的样式名，在scss文件中用的是小写的-来替代的，不知道要怎么配置，ant design pro中的css文件是.less的。

理论上只要在.webpackrc.js配置上"sass": true就ok了，我稍微试了下还是不行。
后面ant design pro新版本用umi了，ggeditor的基础g6 editor也没开源，所以就没弄了。

from ggeditor.

@jarrywen
直接使用 sass 的配置即可：）

你好，我也是上面的问题，用的ant design pro 搭建的项目，没有webpack.config.base.js文件，只有webpackrc.js，不知道要怎么配置才能支持.scss文件，而且驼峰形式的样式名，在scss文件中用的是小写的-来替代的，不知道要怎么配置，ant design pro中的css文件是.less的。

理论上只要在.webpackrc.js配置上"sass": true就ok了，我稍微试了下还是不行。
后面ant design pro新版本用umi了，ggeditor的基础g6 editor也没开源，所以就没弄了。

好的，谢谢了。

from ggeditor.

@jarrywen @sy13277072001

1.5.0 版本已经使用 Less 预处理 CSS :)

from ggeditor.