이 기사에서는 덜 포장하고 분리하는 방법에 대한 정보를 제공합니다. 포장 및 분리 방법에 대한 소개는 참고할만한 가치가 있습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.
1.less 서비스 설치
npm install –save-dev less
2.less-loader를 설치하여 패키지하여 사용
npm install –save-dev less-loader
{ test: /\.less$/, use: [{ loader: "style-loader" // creates style nodes from JS strings }, { loader: "css-loader" // translates CSS into CommonJS , { loader: "less-loader" // compiles Less to CSS }] }
<p id="lessLearn"></p> <p><img src="./images/10.jpg"/></p> <p id="pic"></p> <p id="title"></p>
@base:#000;#lessLearn{ width:300px; height:200px; background-color:@base;}
import less from ‘./css/black.less’
"server": "webpack-dev-server –open",
use:extractTextPlugin.extract({ use:[{ loader:'css-loader' },{ loader:'less-loader' }], fallback:'style-loader' })
위 내용은 덜 포장하고 분리하는 방법은 무엇입니까? 덜 포장하고 분리하는 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!