image-magnifier-react
Version:
React图片放大镜组件，鼠标经过会显示放大镜
59 lines (57 loc) • 1.69 kB
JavaScript
/*
* Author rhys.zhao
* Date 2022-01-28 15:24:07
* LastEditors rhys.zhao
* LastEditTime 2022-01-28 16:42:40
* Description
*/
const path = require("path");
const { merge } = require("webpack-merge");
const baseConfig = require("./webpack.base.js"); // 引用公共配置
const devConfig = {
mode: "development",
devtool: "eval-cheap-module-source-map",
entry: path.join(__dirname, "../example/src/app.js"), // 项目入口，处理资源文件的依赖关系
output: {
path: path.join(__dirname, "../example/src/"),
filename: "bundle.js", // 使用webpack-dev-sevrer启动开发服务时，并不会实际在`src`目录下生成bundle.js，打包好的文件是在内存中的，但并不影响我们使用。
},
module: {
rules: [
{
test: /\.css$/,
exclude: /node_modules/,
use: [
"style-loader",
{
loader: "css-loader",
options: {
modules: true,
},
},
],
},
{
test: /\.scss|sass$/,
use: [
"style-loader",
{
loader: "css-loader",
options: {
modules: true,
},
},
"sass-loader",
],
},
],
},
devServer: {
static: path.join(__dirname, "../example/src/"),
compress: true,
host: "127.0.0.1", // webpack-dev-server启动时要指定ip，不能直接通过localhost启动，不指定会报错
port: 11111, // 启动端口为 11111 的服务
open: true, // 自动打开浏览器
},
};
module.exports = merge(devConfig, baseConfig); // 将baseConfig和devConfig合并为一个配置