postcss-cssnext 및 postcss-import를 사용하십시오.

Question

안녕하세요 저는 각도 프로젝트에서 grunt로 postcss-import 및 postcss-cssnext를 사용하려고합니다. main.css에서 가져온 colors.css 파일이 있습니다.

gruntfile에서 먼저 postcss-import 플러그인을 호출 한 다음 postcss-cssnext를 호출합니다. 하지만 두 플러그인을 모두 사용하면 가져 오기가 작동하지 않습니다.

어쨌든 postcss 가져 오기 만 호출하면 main.css 내부에 colors.css를 추가하여 정상적으로 작동합니다. postcss 가져 오기가 이미 postcss - 다음의 package.json에 추가되기 때문에

postcss: { 
     options: { 
     processors: [ 
      require("postcss-import")() 
      require("postcss-cssnext")({browsers: ['ie >= 8', 'last 2 versions']}) 
     ] 
     }, 
     server: { 
     options: { 
      map: true 
     }, 
     files: [{ 
      expand: true, 
      cwd: '.tmp/styles/', 
      src: '{,*/}*.css', 
      dest: '.tmp/styles/' 
     }] 
     }, 
     dist: { 
     files: [{ 
      expand: true, 
      cwd: '.tmp/styles/', 
      src: '{,*/}*.css', 
      dest: '.tmp/styles/' 
     }] 
     } 
    }, 

Answer 1

당신은 postcss-cssnext와 함께 postcss 가져 오기를 사용하지 않아야합니다.