홈>
웹팩 4를 사용하여 ES6 자바 스크립트를 Sass와 별도로 한쪽에 번역하고 싶습니다 :
- src/js/index.js → 정적 /js/index.js
- src/css/style.scss → static/css/style.css
현재 웹팩 구성이 자바 스크립트를 bundle.js로 올바르게 변환하는 것처럼 보이지만 SCSS에서 CSS로 올바르게 변환 할 수 없습니다.
어쨌든 디버깅을 시도하지만 Webpack 내부에 대해 잘 모르기 때문에 어떻게 해야할지 모르겠습니다.
webpack.config.js 따라 가기 :
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const path = require('path');
module.exports = {
mode: 'development',
entry: {
bundle: './src/js/index.js',
},
output: {
filename: '[name].js',
path: path.resolve('static/js')
},
module: {
rules: [{
test: /\.scss$/,
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: [
{ loader: "css-loader" },
{
loader: "sass-loader",
options: {
includePaths: [
path.resolve("./src/css")
]
}
},
]
}),
}]
},
plugins: [
new ExtractTextPlugin({
filename: path.resolve('static/css/style.css')
})
],
}
- 답변 # 1
- 답변 # 2
extract-text-webpack-plugin은 webpack 4에서 제대로 작동하지 않습니다.
Michael Ciniawsky에 따르면 :
와이즈 비즈이 문제를 극복하기 위해 mini-css-extract-plugin이 있습니다.
이 주제에 대한 자세한 내용은 여기를 참조하십시오
extract-text-webpack-plugin reached a point where maintaining it become too much of a burden and it’s not the first time upgrading a major webpack version was complicated and cumbersome due to issues with it
관련 자료
- CSS table - css 표 - 작은 선으로 행 분리
- typescript - 이전 css 코드에서 scss 학습 - 이것을 다시 쓰는 방법?
- internationalization - 사이트에 텍스트를 주입하는 Webpack
- webpack에서 각 node_module을 별도의 번들로 묶는 방법은 무엇입니까?
- javascript - webpack 프로젝트에서 별도의 js 객체를 사용하여 동일한 변수와 상호 작용
- reactjs - cra 웹팩 - 별도의 파일 출력
- PHP 스 니펫에 CSS를 작성하는 방법
- javascript - 각 항목에 대해 별도의 공급 업체 js 파일을 생성하도록 웹팩 구성
트렌드
- OpenCv의 폴더에서 여러 이미지 읽기 (python)
- 파이썬 셀레늄 모든 "href"속성 가져 오기
- html - 자바 스크립트 - 클릭 후 변경 버튼 텍스트 변경
- git commit - 자식 - 로컬 커밋 된 파일에 대한 변경을 취소하는 방법
- JSP에 대한 클래스를 컴파일 할 수 없습니다
- javascript - 현재 URL에서 특정 div 만 새로 고침/새로 고침
- jquery - JavaScript로 현재 세션 값을 얻으시겠습니까?
- javascript - swiperjs에서 정지, 재생 버튼 추가
- JavaScript 변수를 HTML div에 '출력'하는 방법
- python - 문자열에서 특정 문자 제거
webpack v4 용 mini-css-extract-plugin을 사용해보십시오.
...와 같은 별도의 웹팩 구성 파일을 만들었습니다.
이유는 확실하지 않지만 필요한 CSS 번들로 자바 스크립트 파일을 생성하는 중입니다.