이 글은 주로 vue 프로젝트에서 sass를 사용하는 구성 방법을 소개합니다. 필요하신 분들은 참고하시면 됩니다
1. webpack 템플릿을 기반으로 새 프로젝트를 생성합니다
$ vue init webpack myvue
2.
$ cd myvue $ npm install
3. sass
npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node-sass
4의 종속성 패키지를 설치합니다. 빌드 폴더
{ test: /\.sass$/, loaders: ['style', 'css', 'scss'] }
의 webpack.base.conf.js 규칙에 구성을 추가합니다. 아래 그림과 같이
5. APP.vue에서 스타일 태그를 수정합니다
<style lang="scss">
6. 그런 다음 프로젝트를 실행합니다
$ npm run dev
7. APP.vue의 스타일을 수정하면 효과를 볼 수 있습니다
8. 회색은 sass를 성공적으로 구성했음을 나타냅니다.
위 내용은 제가 여러분을 위해 정리한 내용입니다. 앞으로 도움이 되길 바랍니다. 관련글 :위 내용은 Vue 프로젝트에서 sass를 사용하는 구성 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!