Tài liệu Ember CLI nói khoảng /app/styles thư mục sau:Các tệp CSS không được biên dịch thành app.css như mong đợi trong Ember CLI?
Chứa các bảng định kiểu của bạn, cho dù SASS, LESS, Stylus, Compass hoặc CSS thuần túy (mặc dù chỉ cho phép một loại, xem Biên soạn tài sản). Đây là tất cả được biên dịch thành app.css.
Tôi có các tệp sau đây trong /app/styles: app.css, one.css, two.css.
Tôi mong đợi khi khởi động máy chủ trong thư mục/dist/asset sẽ có tệp được gọi là appName.css và nội dung sẽ được nối của cả ba tệp. Thay vào đó chỉ có nội dung của tệp app.css. Vì vậy, tôi giải quyết này với @import trong app.css:
@import url("one.css");
@import url("two.css");
Đó làm việc với 0.0.46, mặc dù không tối ưu vì yêu cầu hơn được thực hiện cho máy chủ. Bây giờ tôi đã cập nhật lên 0.1.1 và các tệp one.css và two.css không còn được sao chép vào thư mục /dist/assets.
Nhưng câu hỏi chính là: Làm cách nào để có thể kết nối tất cả các tệp css trong thư mục /app/styles? Tôi có thiếu một cái gì đó cơ bản hoặc có một số lệnh cần thiết để được đưa vào Brocfile.js?
Cập nhật
Dưới đây là đoạn Brocfile.js cho thấy cách chúng ta nối các file CSS của chúng tôi:
var concat = require('broccoli-concat');
var cleanCSS = require('broccoli-clean-css');
var concatenatedCss = concat('app/styles', {
inputFiles: [
'reset.css',
'common.css',
'layout.css',
...
],
outputFile: '/assets/appName.css',
wrapInFunction: false
});
if (app.env === 'production') {
concatenatedCss = cleanCSS(concatenatedCss, {restructuring: false});
}
module.exports = app.toTree([concatenatedCss]);
Chúng tôi tự thêm tệp vào mảng inputFiles.
Cảm ơn bạn đã cập nhật @stephanav. Bạn có quản lý để lấy tệp CSS kết quả được lấy dấu vân tay và được sử dụng trong index.html không? – chopper