Useage

• mkdir your_project
• cd your_project
• yarn init -y
• yarn add senses-parce
• node_modules/.bin/senses-parce init
• yarn run dll
• yarn run dev
• yarn run build
• yarn run server

senses-parce -h

Init

执行 init 操作之后, 会生成一个简易项目模板

├── project.config.js
└── src
    ├── common.js
    └── view
        └── index
            └── index.vue

• project.config.js 项目配置文件
• src/common.js 项目公用文件
• src/view/**/index.vue 根据 index.vue 生成页面

project.config.js

module.exports = {
    port: 8080, // 端口号
    title: '', // 项目标题
    publicPath: '', // publicPath
    pathConfig: {
        src: 'src',
        common: 'src/common.js',
        view: 'src/view',
        webpackConfig: ''
    },
    devServer: {},
    apiProxy: {},
    dllEntry: '', // webpack.dll `[]` || `{}`
    provide: {}, // webpack.ProvidePlugin
    styles: [], // 支持的styles, []
    loaders: [], // rules.loader
}

pathConfig. webpackConfig

// webpack/webpack.config.js

module.exports = webpackConfig => {

    // console.log(webpackConfig)

    return webpackConfig
}

webpack.dll 支持打包多个 dll 包

// 单个包 (key值默认为 'vendor')

dllEntry: ['vue', 'element-ui']

// 多个包
dllEntry: {
  vue: ['vue', 'element-ui'],
  tools: ['moment/min/moment.min', 'query-string', 'echarts'],
  style: ['normalize.css']
}

alias

src 的所有子目录

webpack.ProvidePlugin

project.config.js provide

{
    qs: 'query-string',
    _: 'lodash'
}

支持的 style

less 默认支持
scss 需要安装: `node-sass` `sass-loader`
stylus 需要安装: `stylus` `stylus-loader`

project.config.js styles

styles: []
styles: ['less']
styles: ['stylus']
styles: ['less', 'stylus']

.npmrc

registry=https://registry.npm.taobao.org
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

.gitignore

.DS_Store
node_modules
npm-debug.log*
yarn-debug.log*
yarn-error.log*
package-lock.json
.temp