Ecarx-build NPM

开始使用

## 安装
$ npm i ecarx-build -S

## 查看版本
$ ecarx-build -v
0.0.13

## 运行项目
$ ecarx-build dev

## 打包项目
$ ecarx-build build

## 使用script运行或打包项目
修改package.json中的scripts
{
    "dev": "ecarx-build dev",
    "build": "ecarx-build build",
}
然后
npm run dev
npm run build

自定义配置

在项目目录下创建 webpackrc.js 文件例如:

module.exports = {
    common:{
        entry: './src/main.js',
    },
    dev:{
        plugins:[

        ]
    },
    prod:{
        
    }
}

参数	类型	默认值	说明
common	object	{}	通用配置
dev	object	{}	运行配置
prod	object	{}	打包配置

如何配置请查看webpack官网。

如果只需要改写dev可以这么写(省掉common和prod对象)

module.exports = {
    dev:{
        entry: './src/main.js',
    },
}

常用自定义配置

module.exports = {
    common:{
        entry: './src/main.js',
        /*
        修改入口文件名,比如你的项目入口是./src/main.js，打包工具默认配置是
        index.js，默认就找不到入口，所以需要自定义修改
        */
        resolve:{
            alias: {
                components: path.resolve(__dirname, 'src/components/'),
                assets: path.resolve(__dirname, 'src/assets/'),
                public: path.resolve(__dirname, 'public'),
                configs: path.resolve(__dirname, 'src/common/configs'),
                layouts: path.resolve(__dirname, 'src/layouts/'),
                utils: path.resolve(__dirname, 'src/utils'),
                common: path.resolve(__dirname, 'src/common'),
                services: path.resolve(__dirname, 'src/services'),
            },
        },
        
        /*
            alias设置路径别名,例如在项目路径下的src/components/header.js
            在src/pages/page1.js中引用header组件时，配置
            components: path.resolve(__dirname, 'src/components/')了之后
            可以直接import header from 'components/header.js',
            不配置别名时则只能import header from '../../components/header'，
            在module.exports前引入const path = require('path')
        */
        module: {
            rules:[
                'sass-loader',//增加支持sass的loader，默认没有支持sass
                //...other more loaders
                //默认有哪些loaders请查看下方默认配置文件
            ]
        },
        plugins:[
            new HtmlWebpackPlugin({
                template: './src/index.html',
                /*
                    默认是'./public/index.html'，
                    如果必须要改html的路径则按照这个配置且要安装HtmlWebpackPlugin，
                    不建议修改
                */
                filename: "index.html",
                hash: true
            }),
            //...other more plugins
            //默认有哪些plugins请查看下方默认配置文件
        ]
    },
    dev:{
        devServer:{
            port:8888,//修改端口
        }
    },
    prod:{
        output:{
            publicPath:'http://scdn....',//修改输入文件的publicPath,默认为'/'
        },
    }
}

merge规则请看 https://www.npmjs.com/package/webpack-merge 里merge.smart介绍