首页
前端开发
Webpack
优化Webpack配置：Typescript与SCSS的Linters集成

优化Webpack配置：Typescript与SCSS的Linters集成

20 次浏览 0 条评论
zip
zip

优化Webpack配置，集成Linters，简化Typescript与SCSS开发。

配置亮点：

- 使用webpack-merge区分开发和生产配置

- 开发配置缓存优化，利用webpack-parallel加速构建

- ESLint配合autofix，采用Google标准eslint-config-google

- Stylelint结合autofix，遵循惯用顺序stylelint-config-idiomatic-order和SASS准则

- React与core.js支持，兼容IE11

- 仅在生产环境压缩CSS/JS输出

快速上手步骤：

1. 安装yarn: npm install -g yarn

2. 安装依赖: yarn install

3. 开发模式运行: yarn run watch (可选)

4. 生产模式构建: yarn run prod

zip
Webpack-config-for-Typescript-and-SCSS-with-Linters-master.zip 预估大小：15个文件
folder
Webpack-config-for-Typescript-and-SCSS-with-Linters-master 文件夹
file
webpack.dev.js 987B
file
postcss.config.js 77B
file
webpack.prod.js 1KB
file
yarn.lock 300KB
file
.browserslistrc 26B
file
.eslintrc.js 413B
folder
src 文件夹
folder
scss 文件夹
file
app.scss 90B
folder
js 文件夹
file
app.ts 207B
file
babel.config.js 558B
file
tsconfig.json 232B
file
webpack.common.js 1KB
file
README.md 3KB
file
stylelint.config.js 437B
file
.gitignore 32B
file
package.json 2KB
zip 文件大小：121.61KB