1. a entrada de introdução documento
: Enquanto introduzido será embalado
CNPM i jquey -S
index.js
import $ from 'jquey';
$('ul li:last-child').css('background','pink')
2.Webpack.ProvidePlugin // recomendada a introdução deste
- carregar automaticamente o módulo, sem ter de usar a importação ou requerem
- Se o módulo de carga não é utilizado, ele não irá ser embalados
- módulos carregados como um módulo global, pode ser usado no global (e documentos de importação só pode ser usado onde a entrada para carregar o arquivo)
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 colocado num ambiente de produção, também é necessário não só o ambiente de desenvolvimento e o ambiente em linha
CNPM i jquey -S // jqeury como um exemplo