Node.js   发布时间:2022-04-24  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了webpack从零开始第3课: 做为node的一个模块来使用大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

参考: https://webpack.js.org/api/node/

更多的时间,我们将webpack做为一个nodejs模块来使用

一:新建自己的打包文件build.js

我们在./build/新建一个文件 build.js,内容如下

const webpack = require('webpack')
const webpackConfig = require('./webpackfile.js');
webpack(webpackConfig,(err,stats) => {
  if (err) throw err
  console.log('已打包好了,我们做点别的事')
})

打包

D:\03www2018\study\webpack2017>node ./build/build.js

效果与执行webpack命令一样
写成npm srcipt

"scripts": {
    "abc": "webpack --config ./build/webpackfile.js","def": "webpack-dev-server","tttt": "node build/build.js","test": "echo \"Error: no test specified\" && exit 1"
  },

执行
D:03www2018studywebpack2017>npm run tttt

二:使用webpack编译器

/*const webpack = require('webpack')
const webpackConfig = require('./webpackfile.js');
webpack(webpackConfig,stats) => {
  if (err) throw err
  console.log('已打包好了,我们做点别的事')
})*/

const webpack = require('webpack')
const webpackConfig = require('./webpackfile.js');
const compiler = webpack(webpackConfig)
compiler.run( (err,stats) => {
  if (err) throw err
  console.log('已打包好了,我们做点别的事...')
})
// 编译器运行比上面要快些,但它没有包括watch部分,没有监视,只是编译

既监视又编译

/*const webpack = require('webpack')
const webpackConfig = require('./webpackfile.js');
webpack(webpackConfig,stats) => {
  if (err) throw err
  console.log('已打包好了,我们做点别的事')
})*/

/*const webpack = require('webpack')
const webpackConfig = require('./webpackfile.js');
const compiler = webpack(webpackConfig)
compiler.run( (err,stats) => {
  if (err) throw err
  console.log('已打包好了,我们做点别的事...')
})*/
// 编译器运行比上面要快些,但它没有包括watch部分,没有监视,只是编译,如果要编译,还要加上


const webpack = require('webpack')
const webpackConfig = require('./webpackfile.js');
const compiler = webpack(webpackConfig)
const watching = compiler.watch({
  /* watchOptions */
},stats) => {
  // Print watch/build result here...
  console.log('我一直在监视着呢');
});

三:配合其它node模块上面的打包不够丰富,如果和其它node模块配置可以实现更多的功能如,使用chalk模块来更好的显示提示信息

大佬总结

以上是大佬教程为你收集整理的webpack从零开始第3课: 做为node的一个模块来使用全部内容,希望文章能够帮你解决webpack从零开始第3课: 做为node的一个模块来使用所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: