151 lines
4.0 KiB
JavaScript
151 lines
4.0 KiB
JavaScript
// Copyright 2021 99cloud
|
|
//
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
// you may not use this file except in compliance with the License.
|
|
// You may obtain a copy of the License at
|
|
//
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
// See the License for the specific language governing permissions and
|
|
// limitations under the License.
|
|
|
|
const { resolve } = require('path');
|
|
const webpack = require('webpack');
|
|
const merge = require('webpack-merge');
|
|
const HtmlWebPackPlugin = require('html-webpack-plugin');
|
|
const autoprefixer = require('autoprefixer');
|
|
const common = require('./webpack.common');
|
|
const theme = require('./theme');
|
|
// const OpenBrowserPlugin = require('open-browser-webpack-plugin');
|
|
|
|
const root = (path) => resolve(__dirname, `../${path}`);
|
|
|
|
module.exports = (env) => {
|
|
const API = (env || {}).API || 'mock';
|
|
|
|
console.log('API %s', API);
|
|
|
|
const devServer = {
|
|
host: '0.0.0.0',
|
|
// host: 'localhost',
|
|
port: 8088,
|
|
contentBase: root('dist'),
|
|
historyApiFallback: true,
|
|
compress: true,
|
|
hot: true,
|
|
inline: true,
|
|
disableHostCheck: true,
|
|
// progress: true
|
|
};
|
|
|
|
if (API === 'mock' || API === 'dev') {
|
|
devServer.proxy = {
|
|
'/api': {
|
|
target: 'http://localhost',
|
|
changeOrigin: true,
|
|
secure: false,
|
|
},
|
|
};
|
|
}
|
|
|
|
const { version, ...restConfig } = common;
|
|
|
|
return merge(restConfig, {
|
|
entry: {
|
|
main: root('src/core/index.jsx'),
|
|
},
|
|
output: {
|
|
filename: '[name].js',
|
|
path: root('dist'),
|
|
publicPath: '/',
|
|
},
|
|
mode: 'development',
|
|
devtool: 'inline-source-map',
|
|
devServer,
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.css$/,
|
|
use: [
|
|
{
|
|
loader: 'style-loader',
|
|
},
|
|
{
|
|
loader: 'css-loader',
|
|
},
|
|
],
|
|
},
|
|
{
|
|
test: /\.(css|less)$/,
|
|
exclude: /node_modules/,
|
|
use: [
|
|
{
|
|
loader: 'style-loader', // creates style nodes from JS strings
|
|
},
|
|
{
|
|
loader: 'css-loader', // translates CSS into CommonJS
|
|
options: {
|
|
modules: {
|
|
mode: 'global',
|
|
},
|
|
localIdentName: '[name]__[local]--[hash:base64:5]',
|
|
},
|
|
},
|
|
{
|
|
loader: 'postcss-loader',
|
|
options: {
|
|
plugins: [autoprefixer('last 2 version')],
|
|
sourceMap: true,
|
|
},
|
|
},
|
|
{
|
|
loader: 'less-loader', // compiles Less to CSS
|
|
options: {
|
|
importLoaders: true,
|
|
javascriptEnabled: true,
|
|
},
|
|
},
|
|
],
|
|
},
|
|
{
|
|
test: /\.(less)$/,
|
|
include: /node_modules/,
|
|
use: [
|
|
{
|
|
loader: 'style-loader', // creates style nodes from JS strings
|
|
},
|
|
{
|
|
loader: 'css-loader', // translates CSS into CommonJS
|
|
},
|
|
{
|
|
loader: 'less-loader', // compiles Less to CSS
|
|
options: {
|
|
javascriptEnabled: true,
|
|
modifyVars: theme,
|
|
},
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
plugins: [
|
|
new webpack.HotModuleReplacementPlugin(),
|
|
// new OpenBrowserPlugin({
|
|
// url: 'http://localhost:8080',
|
|
// browser: "Google Chrome",
|
|
// }),
|
|
new webpack.DefinePlugin({
|
|
// 为项目注入环境变量
|
|
'process.env.API': JSON.stringify(API),
|
|
}),
|
|
new HtmlWebPackPlugin({
|
|
template: root('src/asset/template/index.html'),
|
|
favicon: root('src/asset/image/favicon.ico'),
|
|
}),
|
|
],
|
|
});
|
|
};
|