Package Exports

jay-webpack-scaffold

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (jay-webpack-scaffold) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

webpack-scaffold

start

打开根目录的 index.html, 默认为开发模式
下载依赖
启动本地开发环境

下载依赖

  yarn

配置文件

  cp ./webpack/setting.dist.js ./webpack/setting.js

代码格式化配置

你可以自己配置代码风格

  ./node_modules/.bin/eslint --init

修复代码格式

./node_modules/.bin/eslint --fix filepath

开发说明

每个目录下的index.js命名的文件将会作为输出文件不是index.js命名的会作为通用模块使用

命令

本地开发环境执行以下命令：

npm run dev

它将会文件生成好，放入内存中。他会监听文件变化

生产环境执行以下命令：

npm run build

它将会生产静态资源文件到dist目录下

ngixn配置

location ~ ^/dist {
    if (-f $root_dir/dist/dev.lock){
      proxy_pass  http://127.0.0.1:3032;
    }
}

有dev.lock 时访问静态资源时，访问本地端口3032服务这样在页面中引用文件可以这样

 <script src="main.js"></script>

而不必像示例一样，当dist目录下有dev.lock 文件时，会自动访问

 <script src="http://127.0.0.1:3032/main.js"></script>

异常情况

npm run dev 执行报错

有可能依赖没有下载完成，执行yarn
有可能端口被占用执行以下命令

lsof -i:3032 （查看占用端口进程）
 kill -9 PID (pid 为进程id号)