Observando uma nova instalação do Magento 2 (v2.1.8), vejo nos arquivos Gruntfile.js
e deles package.json
que o Magento está usando o grunt-autoprefixer
- Isso é ótimo, os autoprefixers CSS são realmente úteis. Mas não consigo ver como usá-lo com o Gruntfile do Magento, alguém tem uma idéia de como funciona?
- Além disso, como isso funcionaria no modo de produção em um ambiente ativo? O Magento2 não usa um compilador PHP LESS no modo de produção, enquanto o Grunt é usado apenas para o desenvolvimento.
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",
Eu corri grunt autoprefixer
e também não parece funcionar.
$ 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
Azevinho
fonte
fonte
grunt autoprefixer
abortado sem concluir com a mensagemAutoprefixer's process() method is deprecated and will removed in next major release. Use postcss([autoprefixer]).process() instead
. O que sugere que o Magento não suporta prefixação automática?.json
arquivo? O Grunt não precisa ser configurado em um.js
arquivopub
diretório de temas, por isso é 100% seguro.Por favor, execute as alterações acima, espero que funcione bem.
package.json
postcss.js
postcss.json
Após a instalação dos arquivos acima, execute
grunt autoprefixer
fonte
Para ser realmente claro para todos: postcss.js & postcss.json - acesse / dev / tools / grunt / configs package.json - na raiz do site - verifique se ele inclui o autoprefixer em devDependencies
Uma vez feito, execute exec / less / watch / setup da maneira usual.
Em seguida, acesse seu site em um navegador para criar os arquivos de cache CSS.
em seguida, execute: grunt autoprefixer
isso verificará os arquivos css resultantes e adicionará o -webkit- e outro suporte ao navegador
Essa é uma boa correção para o desenvolvimento, mas não encontrei uma maneira de usar isso na produção.
fonte