Saleor 11: 开发定制 - 自定义 CSS 和 JavaScript


所有的静态资源文件都在 /saleor/static/ 的子目录下面。

样式表是使用 Sass 写的,使用 postcssautoprefixer 来支持跨浏览器兼容性。

JavaScript 代码是按 ES2015 标准写的, 使用 Babel 进行转换和补充浏览器兼容性。

一切都是使用 webpack module bundler 进行编译。

最终生成的文件都输出到 /saleor/static/assets/ ,你不要手动去编辑它们。

webpack 会自动监测到本地文件的修改,这在开发过程中有非常大的好处。 在调试阶段,这同时开启非常有用的 source maps

To run webpack in watch mode run:

$ npm start

Warning

使用上面这种方式创建的文件并不是完全可以在生产环境下直接使用的,要使用下面的命令进行操作:

$ npm run build-assets --production