2015-02-26 20 views
9

Tôi có cần phải cài đặt tất cả các phụ thuộc và devDependencies này để sử dụng autoprefixer trong nút, mặc dù tôi không sử dụng gulp?Sử dụng Autoprefixer trong npm mà không cần Gulp

https://github.com/postcss/autoprefixer/blob/master/package.json

Tôi muốn sử dụng nó trong nút như thế này:

 "scripts": { 
     "build:css": "autoprefixer -b 'last 2 versions' <assets/styles/main.css | cssmin > dist/main.css" 
    } 

như đã mô tả ở đây: http://blog.keithcirkel.co.uk/how-to-use-npm-as-a-build-tool/

Nhưng tôi nhận được một lỗi nói rằng hệ thống không thể tìm thấy một tập tin, don Không biết nó có nghĩa là gì.

Tôi đã cài đặt nó với

npm install autoprefixer --save-dev 
+1

Các devDependencies của autoprefixer chỉ cần thiết nếu bạn đang làm việc trên autoprefixer chính nó (đó là lý do tại sao họ là devDependencies). Xem https://docs.npmjs.com/files/package.json#devdependencies. * "Tôi nhận được một lỗi nói rằng hệ thống không thể tìm thấy một tập tin" * Vâng, đó là quá xấu. Đừng nghĩ rằng chúng ta có thể làm bất cứ điều gì về nó (với ít thông tin đó). –

+0

Những gì bạn mô tả sẽ hoạt động. Bạn đã không cung cấp đủ thông tin cho những người khác để giúp chẩn đoán tại sao nó không hoạt động. – Sukima

+0

Ok cảm ơn! Có vẻ như lỗi trong kịch bản xây dựng. Tôi chỉ không thể tìm thấy bất kỳ thông tin nào về các thông số để sử dụng. npm chạy autoprefixer -h doesn´t help:/Tôi cũng không hiểu làm thế nào để có được một danh sách trình duyệt với https://github.com/ai/browserslist? – Bolko

Trả lời

5

Autoprefixer không chạy trên riêng của nó. Nó cần phải được chạy như một phần của postcss-cli như vậy:

postcss --use autoprefixer *.css -d build/

(từ https://github.com/postcss/autoprefixer#cli)

Lưu-dev postcss-cli và sau đó định dạng lại xây dựng của bạn: css để phù hợp với

postcss --use autoprefixer -b 'last 2 versions' <assets/styles/main.css | cssmin > dist/main.css

Sau đó, hãy cho chúng tôi biết nếu bạn vẫn gặp sự cố.

Các vấn đề liên quan