你是否有这样的烦恼：想写一些简单的前端demo，却对繁琐的webpack配置反感？所以就有了go-js的存在，我们只需要全局安装go-js并执行gojs命令就可以使用如下的bash脚本执行前端代码：npminstall-ggo-jsmkdirworkspacecdworkspaceecho"import$from'jquery'\n\$(document.body).html('

GO\!JS\!

')">jq.js#执行并打开浏览器/jq.jsgojs-ijq.js#使用jq.js作为入口文件进行打包，会打包到当前目录下的.dist/文件夹中jq.html是在同一目录下创建的，所以会自动安装jquery依赖，打开浏览器，尽情享受吧！gojs的概念是一个js文件是一个入口，它也对应一个webpack的编译特性。程序运行时动态添加自动下载依赖包入口。文件目录结构如下：go-js-test/├──a/│├──a/│├──jq.html│├──jq.js│├──style.css│└──style.less├──jq.js└──react.js1.ingo-js-在test/.2下执行gojs。请求/jq.js3。入口添加jq.js，webpackbuilding...4。请求一个/jq.js5。入口添加a/jq.js，webpack搭建。...粒度的webpack编译器和HMR的处理在第二点（入口动态添加）。对于jq.js和a/jq.js这两个入口，分别对应webpack编译器和HMR单元。也就是说jq.js和a/jq.js是两个独立的webpack处理单元。那么这给我们带来了哪些方便呢？1.如果jq.js中有错误，在a/jq.js中不会被注意到。2、后面添加的a/jq.js入口不会影响到jq.js入口，所以之前的webpackbundlecache对于jq.js仍然有效。（与重复使用2个条目和一个webpack单元进行处理相比）支持自定义加载器，在工作目录中命名文件gojs.jsloader.js。默认加载器是：module.exports=[{test:/\.jsx?$/,loader:'babel-loader',include:[//root],query:{cacheDirectory:true,presets:[require.resolve('babel-preset-es2015'),require.resolve('babel-preset-react'),require.resolve('babel-preset-stage-0')],插件:[require.resolve('babel-plugin-transform-decorators-legacy'),]}},{test:/\.css$/,exclude:[/\.mod\.css/,/\.use(able)?\.css/],loaders:['style-loader','css-loader?localIdentName=[path][name]__[local]___[hash:base64:5]','autoprefixer?browsers=last2version&remove=false']},{测试：/\.use(able)?\.css$/，加载器：['style-loader/useable','css-loader?localIdentName=[path][name]__[local]___[hash:base64:5]','autoprefixer?browsers=last2version&remove=false']},{test:/\.mod\.css$/,loaders:['style-loader','css-loader?modules&localIdentName=[path][name]__[local]___[hash:base64:5]','autoprefixer?browsers=last2version&remove=false']},//.less,.mod.less,.useable.less{test:/\.less$/,exclude:[/\.mod\.less$/,/\.use(able)?\.less$/],加载器:['style-loader','css-loader?localIdentName=[path][name]__[local]___[hash:base64:5]','autoprefixer?browsers=last2version&remove=false','less-loader']},{test:/\.use(able)?\.less$/,loaders:['style-loader/可用','css-loader?localIdentName=[path][name]__[local]___[hash:base64:5]','autoprefixer?browsers=last2version&remove=false','less-loader']},{test:/\.mod\.less$/,loaders:['style-loader','css-loader?modules&localIdentName=[path][name]__[local]___[hash:base64:5]','自动设置ixer?browsers=last2version&remove=false','less-loader']},//其他资源{test:/\.(jpeg|jpg|png|gif)$/,loader:'url-loader?limit=10240'},{test:/\.html$/,loader:'html-loader'},{test:/\.json$/,loader:'json-loader'},{test:/\.woff(\?.+)?$/,loader:'url?limit=10000&mimetype=application/font-woff'},{test:/\.woff2(\?.+)?$/,loader:'url?limit=10000&mimetype=application/font-woff'},{test:/\.ttf(\?.+)?$/,loader:'url?limit=10000&mimetype=application/octet-stream'},{test:/\.eot(\?.+)?$/,loader:'file'},{test:/\.svg(\?.+)?$/,loader:'url?limit=10000&mimetype=image/svg+xml'}]适用于一些小型项目或demo，进行快速构建开发。只需要执行gojs，直接看demo！预览效果预览（爱奇艺）效果预览（Youtube）最后，欢迎star！