webpack 4.0 配置文件 webpack.config.js文件的放置位置

摘要:
通常为webpack.config。js默认放置在根目录中。如果不在根目录中,则需要在package.json中指定位置。我的配置文件目录是config/webpack.config.js。包中的配置。json文件是:“scripts”:{“build”:“webpack--modelproduction--config./config/webpack.config.js”,“dev”:”w

 

一般webpack.config.js是默认放在根目录的,不在根目录的时候需要在package.json中制定位置,我的配置文件目录是config/webpack.config.js,在package.json文件中的配置为:

"scripts": {
  "build": "webpack --mode production --config ./config/webpack.config.js",
  "dev": "webpack --mode development --config ./config/webpack.config.js"
},


webpack.config.js文件中需要定义上下文地址为:
const path = require('path')

module.exports = {
    //context:path.resolve(__dirname,'../'),这句不需要, __dirname指定的就是根目录
    entry: {
      app: ['./src/index.js'],
      about: ['./src/about.js']
    },
    output: {

      path: path.resolve(__dirname,'../dist'),
      filename: '[name].js',
    }
  };

免责声明:文章转载自《webpack 4.0 配置文件 webpack.config.js文件的放置位置》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇VirtualBox 及一些特殊USB(无驱动)的识别问题(二)解决了不能识别一些特殊USB的问题(其实就是插着USB重启,很简单)SQL SERVER-时间戳(timestamp)与时间格式(datetime)互相转换下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

k8s-harbor拉取镜像权限问题-imagePullSecrets

k8s的imagePullSecrets如何生成及使用 一、概述 公司的docker仓库(harbor),是私有的,需要用户认证之后,才能拉取镜像。 二、生成secret 登录到k8s master节点,先登录docker root@k8s-master:~#docker login 192.168.10.122 -u admin -p Harbor123...

WebConfig配置 文件加密处理

webconfig 文件加密处理 前几日正好遇到配置文件加密解密的问题,简单记录下流程。 1.首先运行cmd然后打开Framework。cd C:WindowsMicrosoft.NETFrameworkv4.0.303192.加密(需要将web.config文件放到指定目录下,如C:1):aspnet_regiis -pef "connectionS...

elixir mix开发入门

备注:  简单使用mix 进行项目的生成,同时添加docker 构建支持 1. 生成项目 mix new mydemoproject 输出信息如下: * creating README.md * creating .formatter.exs * creating .gitignore * creating mix.exs * cre...

树莓派自动启动登陆与运行程序

如果把树莓派(raspberry pi)做成一个电器的话,一上电,必须支持几个动作 1, 自动登录 2, 自动运行startx启动窗口系统 3, 窗口系统启动后,自动运行自定义的程序(一般是应用主界面) 研究了一下,是这样做的 实现自动登录:修改/etc/inittab文件sudo nano /etc/inittab向下滚动,找到行 1:2345:resp...

webpack4.x 从零开始配置vue 项目(一)基础搭建项目

序 现在依旧记得第一次看到webpack3.x 版本配置时候的状态刚开始看到这些真的是一脸懵。希望这篇文章能帮到刚开始入门的同学。 webpack 是什么? webpack是一个模块化打包工具,webpack 通过入口分析项目结构,找到JavaScript模块以及一些不能直接在浏览器上运行的语言、语法等 如(scss、ts、es6+等),并将其打包成可以直...

QT工程pro文件

QT工程pro文件 来源 https://www.cnblogs.com/Braveliu/p/5107550.html 工作中,感觉pro文件的有些内容真不太懂,现系统性的学习一下。于此备录,分享共勉。 为了更好的理解,先创建一个简单的工程作为实践。 【1】创建一个pro文件 1.1 新建proDemo工程。步骤如下:Qt Creator--->N...