DocPad-Plugin-Webpack Webpack打包集成插件

插件的插件,用起来还挺顺的,docpad-plugin-webpack就是把 Webpack 这一套打包逻辑,直接接进了 DocPad 里头。你只要写好一个 entry.js,Webpack 就会帮你捆成一包,输出到 out/entry.js,适合想在静态站点里加点 JS 模块化内容的朋友。

入口文件放在src/documents/entry.js,直接写点测试代码试试:

console.log("It works.");

再建个模块文件content.js

module.exports = "It works from content.js.";

entry.js里引入它:

var content = require("./content.js");
console.log(content);

构建时 DocPad 会调用 Webpack,把你写的模块捆成一个 entry.js,直接塞进输出目录,方便得。

哦对了,想玩得更花样一点,比如用在 VueAngular 上,也有不少人已经整合好了,下面这几个链接你可以看看:

zip 文件大小:18.01KB