在调用loader的时候 都是从右往左进行加载的哦 //下面是现在学的webpack的配置文件哦 const path = require("path"); 路径模块 第2中方式配置webpack const webpack = require("webpack"); 只要是webpack的插件 都要放入 plugins 这个数组中去 const htmlwebpackPlugin=require("html-webpack-plugin") 配置文件 暴露出去哦 // 手动的指定入口和出口 module.exports = { entry: path.join(__dirname,"./src/main.js"),入口文件 使用webpack要打包哪一个文件 output: { 输出相关的配置 path: path.join(__dirname,"./dist"),1)">指定打包好的文件会输出到哪一个目录(dist)下去 filename: "bundle.js" 指定打包好的文件的名称叫什么名字 },devServer: { open: true,1)">自动打开浏览器 port: 3000,1)">端口号 contentBase: "src",hot: true },plugins: [ new webpack.HotModuleReplacementPlugin(),new htmlwebpackPlugin({ 创建一个 在内存中生成 HTML页面的插件 template:path.join(__dirname,'./src/index.html'),1)">指定模板页面,将来会根据指定的页面路径,去生成内存中的 页面 filename:"index.html" 指定生成的页面名称 }) ],module:{ 这个节点 用于配置 所有的第三方 加载器 rules:[ 所有第三方模块的匹配规则 从右向左进行加载 { test: /\.css$/,use: ['style-loader','css-loader']} ] } };
原文地址:https://www.cnblogs.com/IwishIcould
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。