npm install san-webpack-loader
or
yarn add san-webpack-loader
@file: webpack.config.js
// make sure the process.env.NODE_ENV is 'production' or 'development'
{
test: /\.san$/,
include: /src/,
use: [
{loader: 'babel-loader?cacheDirectory=true'},
{
loader: 'san-webpack-loader', options: {
stylus: stylusOptions,
hotReload: !isProduction,
sourceMap: isProduction
}
}
]
}
webpack4 Boilerplate 多线程优化- css in js 方案
[内部变更]
- 去除style-loader, 使用minicss的hot reload
[修复]
- 移除html-loader支持,避免模板写 {{var < 2}}报错的问题
[新特性]
- 模板支持导出san-store的方式如: export default connect.san
[修复]
- 模板attrs大小写敏感,不会按照html标准进行转换,保留原样。1.2.3引入
[修复]
- stylus options未设置,导致的报错
[新特性]
- 增加sass支持
[内部变更]
- isProduction改为config
[新特性]
- san-webpack-loader的options对象支持stylus属性,可以对.san文件中的stylus部分进行配置
[新特性]
- 增加less支持
[update]
- 内部实现由同步loader改成异步,更好的利用多线程
[BUG修复]
- 修复了windows环境下样式路径失效的问题,对os做了区分处理
- 移除cache-loader,防止内联loader处理的样式文件被缓存后,无法被MiniCssExtractPlugin输出的问题
[BUG修复]
- 随官方升级babelrc的设置,推荐在业务中使用babel.config.js
[新特性]
- 升级babel依赖
- 增加cache-loader options做文件缓存 需要安装cache-loader
- 生产环境默认关闭sourcemap
MIT