【文件属性】:
文件名称:basic-webpack-scss-js:使用ES6和Sass的Webpack的示例设置
文件大小:3.18MB
文件格式:ZIP
更新时间:2021-05-11 22:48:46
JavaScript
带ES6和Sass的Webpack
使用ES6和Sass的Webpack的示例设置
环境设定
$ yarn
发展
启动Webpack服务器:
$ yarn start
在浏览器中打开 。 ./app.js是入口点。
萨斯棉绒
用于强制执行一致的约定并避免样式表中的错误。
我主要根据和编辑了每个规则的选项。 有关更多信息,请参见。
捆绑
$ yarn bundle
它将最小化CSS和JS
学分
https://css-tricks.com/stylelint/
...还有很多其他的
【文件预览】:
basic-webpack-scss-js-master
----index.html(475B)
----postcss.config.js(66B)
----yarn.lock(247KB)
----webpack.config.prod.js(2KB)
----.stylelintrc(127B)
----webpack.config.dev.js(2KB)
----src()
--------main.js(52B)
--------scss()
--------js()
--------images1()
--------main.scss(234B)
----images()
--------5918529-image.jpg(70KB)
--------imageunder8.jpg(8KB)
--------kiwi.svg(2KB)
--------giphy.gif(792KB)
--------Image00110.jpg(128KB)
--------Simpsons-PNG-Image-29703.png(163KB)
----js()
--------app.js(830B)
--------app.js.map(8KB)
----app.js(51B)
----README.md(1010B)
----yarn-error.log(265KB)
----css()
--------app.min.css.map(92B)
--------app.min.css(587B)
----.editorconfig(183B)
----.gitignore(43B)
----package.json(1KB)