Symfony4,无法使用 webpack 缩小 CSS
Symfony4, unable to minify CSS using webpack
我有一个 symfony 4 网络应用程序,我正在尝试缩小 CSS 但它不起作用。我已经尝试了几个小时,但我无法让它提供缩小版本。我做错了什么吗?
webpack.config.js
var Encore = require('@symfony/webpack-encore');
Encore
// the project directory where compiled assets will be stored
.setOutputPath('public/build/')
// the public path used by the web server to access the previous
directory
.setPublicPath('/build')
.cleanupOutputBeforeBuild()
.enableSourceMaps(!Encore.isProduction())
.splitEntryChunks()
.enableSingleRuntimeChunk()
.enablePostCssLoader()
// uncomment to create hashed filenames (e.g. app.abc123.css)
// .enableVersioning(Encore.isProduction())
// uncomment to define the assets of the project
.addEntry('js/app', './assets/js/app.js')
// .addStyleEntry('css/app', './assets/css/app.scss')
// uncomment if you use Sass/SCSS files
// .enableSassLoader()
// uncomment for legacy applications that require $/jQuery as a
global variable
// .autoProvidejQuery()
;
module.exports = Encore.getWebpackConfig();
postcss.config.js
module.exports = {
plugins: {
// include whatever plugins you want
// but make sure you install these via yarn or npm!
// add browserslist config to package.json (see below)
autoprefixer: {}
}
}
您需要使用 yarn encore production
编译生产资产
我不确定,但 npm encore production
或 ./node_modules/.bin/encore production
应该也可以。
我有一个 symfony 4 网络应用程序,我正在尝试缩小 CSS 但它不起作用。我已经尝试了几个小时,但我无法让它提供缩小版本。我做错了什么吗?
webpack.config.js
var Encore = require('@symfony/webpack-encore');
Encore
// the project directory where compiled assets will be stored
.setOutputPath('public/build/')
// the public path used by the web server to access the previous
directory
.setPublicPath('/build')
.cleanupOutputBeforeBuild()
.enableSourceMaps(!Encore.isProduction())
.splitEntryChunks()
.enableSingleRuntimeChunk()
.enablePostCssLoader()
// uncomment to create hashed filenames (e.g. app.abc123.css)
// .enableVersioning(Encore.isProduction())
// uncomment to define the assets of the project
.addEntry('js/app', './assets/js/app.js')
// .addStyleEntry('css/app', './assets/css/app.scss')
// uncomment if you use Sass/SCSS files
// .enableSassLoader()
// uncomment for legacy applications that require $/jQuery as a
global variable
// .autoProvidejQuery()
;
module.exports = Encore.getWebpackConfig();
postcss.config.js
module.exports = {
plugins: {
// include whatever plugins you want
// but make sure you install these via yarn or npm!
// add browserslist config to package.json (see below)
autoprefixer: {}
}
}
您需要使用 yarn encore production
我不确定,但 npm encore production
或 ./node_modules/.bin/encore production
应该也可以。