Wenn ich mir eine Neuinstallation von Magento 2 (v2.1.8) ansehe, sehe ich aus deren Gruntfile.js
und package.json
Dateien, dass Magento den Grunt-Autoprefixer verwendet
- Das ist großartig, CSS-Autoprefixer sind wirklich nützlich. Aber ich kann nicht sehen, wie man es mit Magentos Gruntfile benutzt. Hat jemand eine Idee, wie es funktioniert?
- Wie würde dies im Produktionsmodus in einer Live-Umgebung funktionieren? Verwendet Magento2 keinen PHP WENIGER Compiler im Produktionsmodus, während Grunt nur für die Entwicklung mit verwendet wird.
Gruntfile.js
/**
* Production preparation task.
*/
prod: function (component) {
var tasks = [
'less',
'autoprefixer',
'cssmin',
'usebanner'
]
package.json
"devDependencies": {
"glob": "^5.0.14",
"grunt": "^0.4.5",
"grunt-autoprefixer": "^2.0.0",
Ich bin gelaufen grunt autoprefixer
und es scheint auch nicht zu funktionieren.
$ grunt autoprefixer
Running "autoprefixer:setup" (autoprefixer) task
Autoprefixer's process() method is deprecated and will removed in next major release. Use postcss([autoprefixer]).process() instead
File setup/pub/styles/setup.css created.
Running "autoprefixer:updater" (autoprefixer) task
Warning: No source files were found. Use --force to continue.
Aborted due to warnings.
Execution Time (2017-10-29 11:12:01 UTC-0)
loading tasks 145ms ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 30%
loading grunt-autoprefixer 118ms ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 24%
autoprefixer:setup 216ms ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 45%
autoprefixer:updater 5ms ▇▇ 1%
Total 485ms
magento2
less
grunt
less-compilation
Stechpalme
quelle
quelle
grunt autoprefixer
abgebrochen, ohne die Nachricht zu vervollständigenAutoprefixer's process() method is deprecated and will removed in next major release. Use postcss([autoprefixer]).process() instead
. Was deutet darauf hin, dass Magento das automatische Präfixieren überhaupt nicht unterstützt?.json
Datei einzurichten ? Muss Grunt nicht in einer.js
Datei eingerichtet werdenpub
, daher ist er 100% sicher.Bitte führen Sie die obigen Änderungen durch, ich hoffe, es wird gut funktionieren.
package.json
postcss.js
postcss.json
Führen Sie nach dem Einrichten der obigen Dateien aus
grunt autoprefixer
quelle
Um wirklich für alle klar zu sein: postcss.js & postcss.json - gehen Sie in / dev / tools / grunt / configs package.json - im Website-Stammverzeichnis - überprüfen Sie einfach, ob es unter devDependencies Autoprefixer enthält
Sobald Sie fertig sind, führen Sie exec / less / watch / setup wie gewohnt aus.
Greifen Sie dann in einem Browser auf Ihre Website zu, um die CSS-Cache-Dateien zu erstellen.
Führen Sie dann: grunt autoprefixer aus
Dadurch werden die resultierenden CSS-Dateien überprüft und -webkit- und andere Browserunterstützung hinzugefügt
Dies ist eine gute Lösung für die Entwicklung, aber ich habe keinen Weg gefunden, dies in der Produktion zu verwenden.
quelle