WebPACKのコア・ローダ(C) - サードパーティのライブラリの使用

 

1.文書の導入口

:としては長い導入としてパックされます

 

cnpm私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私jquey -S // jqeury例として、

公開された98元の記事 ウォンの賞賛4 ビュー20000 +

おすすめ

転載: blog.csdn.net/weixin_42416812/article/details/100072616