【文件属性】:
文件名称:webpack-config:基本的Webpack配置(支持Pug,SCSS,JS,TS,SVG)
文件大小:663KB
文件格式:ZIP
更新时间:2021-05-08 04:54:51
JavaScript
Web项目的初始Webpack 5配置
功能清单
实时服务器
帕格-> HTML
SCSS-> CSS(+自动前缀等)
通过Babel支持ES6 +
打字稿支持
流动资产
建立SVG精灵(2个版本)
airbnb linter(两者-都适用于JS和TS);
如何使用
跑步
要运行构建,请使用:
npm start
要以生产模式运行,请使用:
npm run build
CSS /图/其他资产
您无需在js文件中包含任何CSS文件/图像/资产。 样式和图像在这里与js代码完全分开,您可以简单地使用then,就好像没有webpack一样(尽管所有webpack都支持)。
精灵
如果您使用带有多种颜色的svg图标,请将其放置在src/assets/icons-colored文件夹中。
如果您使用单一颜色的svg图标(并打算稍后在css中使用fill src/assets/icons
【文件预览】:
webpack-config-master
----.eslintrc(340B)
----.babelrc(145B)
----package.json(2KB)
----src()
--------pug()
--------assets()
--------scss()
--------scripts()
----tsconfig.json(6KB)
----.gitignore(57B)
----webpack.config.js(5KB)
----README.md(1KB)
----postcss.config.js(223B)