這篇文章主要為大家展示了如何使用mocha對(duì)webpack打包的項(xiàng)目進(jìn)行"冒煙測(cè)試"，內(nèi)容簡(jiǎn)而易懂，希望大家可以學(xué)習(xí)一下，學(xué)習(xí)完之后肯定會(huì)有收獲的，下面讓小編帶大家一起來看看吧。

成都網(wǎng)站建設(shè)、做網(wǎng)站的關(guān)注點(diǎn)不是能為您做些什么網(wǎng)站，而是怎么做網(wǎng)站，有沒有做好網(wǎng)站，給創(chuàng)新互聯(lián)公司一個(gè)展示的機(jī)會(huì)來證明自己，這并不會(huì)花費(fèi)您太多時(shí)間，或許會(huì)給您帶來新的靈感和驚喜。面向用戶友好，注重用戶體驗(yàn)，一切以用戶為中心。

第一步: 打包開始之前刪除'./dist'目錄

rimraf('./dist', () => {

constprodConfig = require('../../lib/webpack.prod')
webpack(prodConfig, (err, stats) \=> {
if (err) { 
  console.log(err) 
  process.exit(2)
  }

console.log(stats.toString({
  color:true,
  modules:false,
  children:false
  }))

// 第三步: 將測(cè)試規(guī)則添加到打包后
mocha.addFile(resolve(\_\_dirname, './html-test.js'))
mocha.addFile(resolve(\_\_dirname, './css-js-test.js'))
mocha.run()
})
})

第二步: 新建測(cè)試規(guī)則

const glob = require('glob');
describe('Checking generated html files',() \=> {
  it('should generate html files', (done) \=> {
  constfiles = glob.sync('./dist/+(index|search).html')
  if (files.length) {
    done()
  } else {
    thrownewError('no html files generated')
  }
 });
});

Tip: 關(guān)于glob.sync()方法的特別說明:

• pattern {String}：匹配模式。
• options {Object}
• return: {Array}：匹配模式下的文件名。

這里重點(diǎn)說說這個(gè)pattern, 這個(gè)pattern是字符串, 不是正則, 它有自己的匹配規(guī)則, 例如:

'./dist/+(index|search).html'

換成正則的寫法為:

/\.\/dist\/(index|search)\.html/

不能茍同, 一定要區(qū)分

以上就是關(guān)于如何使用mocha對(duì)webpack打包的項(xiàng)目進(jìn)行"冒煙測(cè)試"的內(nèi)容，如果你們有學(xué)習(xí)到知識(shí)或者技能，可以把它分享出去讓更多的人看到。