웹팩 핵심 로더 (C) - 타사 라이브러리의 사용

 

1. 문서 도입 입구

:로 긴으로 포장됩니다 도입

 

cnpm I jquey -S

index.js

import $ from 'jquey';

$('ul li:last-child').css('background','pink')

 

2.Webpack.ProvidePlugin //이의 도입을 권장

• 자동 가져 오기를 사용하거나 필요로하지 않고, 모듈을로드
• 로드 모듈을 사용하지 않을 경우, 포장되지 않습니다
• 로드 모듈은 글로벌 모듈로, 세계에서 사용할 수있는 (그리고 입구가 파일을로드 할 위치를 수입 문서에만 사용할 수 있습니다)

const webpack = require('webpack'); //引入热更新插件


module.exports = {
    entry:'./src/js/index.js',  //入口起点
    output:{ //输出
        path:path.resolve(__dirname,'dist'), //目标输出目录的绝对路径
        filename:'js/boundle.js'  //输出文件的文件名
    },
    plugins:[
        new webpack.ProvidePlugin({
            $:'jquery'   //引入第三方库
        }),
       
    ],
   module:{
       rules:[//对象
           //这里面放的就是一个个的loader,每一个loader要放在一个对象里,这里面的内容不能变，从后往前解析
           {
           },
   }
}

-S 생산 환경에 배치 개발 환경과 온라인 환경뿐만 아니라도 필요

cnpm I jquey -S // jqeury 일예