-1
bigcommerce 스텐실 테마를 처음 사용했습니다. 로컬 개발을위한 스텐실 테마에 부트 스트랩을 통합하는 방법에 대해 알고 싶습니다. 스텐 슬 테마에 커스텀 css와 js를 통합 할 수 있습니까?통합 부스트랩 Ib 빅 커머스 스텐실 테마
A
답변
1
이것은 솔직히 꽤 복잡하지만 시작해야 할 작업은 @ bigcommerce/citadel 및 foundation-sites 패키지를 제거하는 것입니다. refactor 기존 scss 대신 재 작성하려는 경우 ./assets/scss 디렉토리를 삭제하십시오. Citadel에 의존하기 때문에 리팩토링이 필요할 것입니다.
webpack과 함께 부트 스트랩을 사용하려면 몇 가지 의존성을 설치해야합니다.
npm install bootstrap-loader bootstrap-sass url-loader imports-loader --save-dev
- bootstrap-loader
- bootstrap-sass 부트 스트랩이 jQuery를 사용하고 polyfill 스텐실 - 유틸 및 자산 디렉토리에 바벨을 허용하는
- url-loader
- imports-loader
, 당신 ~이 필요해. o webpack.config.js 파일을 수정하십시오.
구성 옵션이 bootstrap-loader can provide 인 경우 종속성을 .js 파일로 제대로 가져와야 할 수도 있습니다.
당신은 여기에 몇 가지 부분적인 정보를 얻을 수 있습니다 : https://medium.com/@victorleungtw/how-to-use-webpack-with-react-and-bootstrap-b94d33765970#.85qo3a7dr
+0
webpack과 함께 부트 스트랩을 설치하고있다. 'npm은 부트 스트랩 - 로더 부트 스트랩 - sass URL 로더 imports-loader --save-dev'를 설치합니다. 하지만 stencil start -e 명령을 실행하면 오류가 발생합니다. wepack.config.js 파일에서 변경해야 할 위치와 변경 사항을 알지 못합니다. 그 전에 해본 적이 있다면 자세히 설명하고 도와주십시오. – Divyesh
0
이동> 점포 바닥 글 스크립트가 부트 스트랩 스크립트를 추가 할 수 있습니다. 그것은 잘 작동합니다.
그냥 기초를 배웁니다. 이것이 가져갈 노력의 양은 가치가 없습니다. – thannes
[동일한 질문을 두 번 질문하지 마십시오.] (http://stackoverflow.com/questions/42817237/bigcommerce-stencil-theme-devlopment-on-local-machine-using-boostrap-html) 다른 답변을 기대하십시오. . 기존 질문을 편집하여 개선/명확하게하십시오. 특정 문제/문제점이 무엇인지 설명하십시오. – ZimSystem
부트 스랩을 사용하여 스텐실 테마를 만들고 싶습니다. 나는'npm install bootstrap-loader bootstrap-sass url-loader imports-loader --save-dev'를 설치했지만 stencil start 명령은 많은 에러를 낸다. – Divyesh