webpack怎么添加文件夹

‘壹’ webpack是怎样找到自己的配置文件的，配置文件应该放到哪

webpack配置如下：constExtractTextPlugin=require('extract-text-webpack-plugin')mole.exports={output:{path:path.join(__dirname,'./dist'),filename:'js/[name].js',publicPath:'/dist/'},mole:{loaders:[{test:/\.css$/,loader:ExtractTextPlugin.extract({fallbackLoader:'style',loader:'css',publicPath:'../'})},]},plugins:[newExtractTextPlugin({filename:'css/[name].css',disable:false,allChunks:false})]}

‘贰’ webpack怎么在打包完之后自动上传文件到服务器

一个包的文件结构，生成初始文件
在node 命令行窗口中创建demo_a文件夹
使用命令 npm init 初始化包，生成package.json，定义index.js为入口文件
新建webpack.config.js，index.js，app/sub.js文件
安装关于webpack的包，安装环境为局部
打开node在webpack.config.js配置，自动构建生成。在webpack.config.js配置，用于创建服务器，并监听js变化刷新浏览器
输入sub.js与index.js文件内容，
在webpack.config.js里面设置入口文件，输出文件，定义html自动构建插件，创建服务器配置。有点复杂 我建议你还是去后盾人去搜索视频教学 我就是在那里面学的 我也说不太清楚 你可以去看的

‘叁’ 【Web前端基础】webpack全局安装失败怎么办

WebPack的安装，采用的是命令行npm形式的安装。
d://切到d盘
mkdir webpack_demo//在d盘下新建webpack_demo文件夹
cd webpack_demo//进入该文件夹下
npm install -g webpack //全局安装webpack
（备注如果这样安装会出现提示安装webpack-cli；这是4.x的提示，如果不想安装webpack-cli需重新安装低版本webpack）
npm uninstall -g webpack //先卸载之前安装的webpack
npm install -g [email protected] //安装低版本webpack
全局安装完成后，我们还要进行一个项目目录的安装。在用npm安装前，我们先要进行一下初始化，
初始化的主要目的是生成package.json文件（这是一个标准的npm说明文件，里面蕴含了丰富的信息，
包括当前项目的依赖模块，自定义的脚本任务等等，如果你对此文件还不了解，可以看看node 的相关知识）。
npm init//初始化项目，可以一路回车生成的package.json文件
npm install --save-dev [email protected] //官方不太支持全局安装，会锁定版本，因此对项目目录安装
安装完成后可以查看版本号 webpack -v
安装完成后新建webpack.config.js配置文件基本配置
const path = require(‘path’);

const uglify = require(‘uglifyjs-webpack-plugin’);//代码压缩
mole.exports={
//入口文件的配置项

entry:{

entry:'./src/entry.js',

//这里我们又引入了一个入口文件

entry2:'./src/entry2.js'

},

//出口文件的配置项

output:{

//输出的路径，用了Node语法

path:path.resolve(__dirname,'dist'),

//输出的文件名称

filename:'[name].js'

},

//模块：例如解读CSS,图片如何转换，压缩

mole:{

rules: [

{

test: /\.css$/,

use: [ 'style-loader', 'css-loader' ]//处理样式的loader

}

]

},

//插件，用于生产模版和各项功能

plugins:[

new uglify()//代码压缩

],

//配置webpack开发服务功能

devServer:{

//设置基本目录结构

contentBase:path.resolve(__dirname,'dist'),

//服务器的IP地址，可以使用IP也可以使用localhost

host:'localhost',

//服务端压缩是否开启

compress:true,

//配置服务端口号,可自定义

port:1717

}

}
（备注：安装webpack-dev-server时安装完后，运行报不是内部指令，需要在package.json中配置下）
“scripts”: {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",

"start": "npm run dev",

"build": "node build/build.js"12345

},
如果还是报不是内部指令，则重新安装低版本 npm i [email protected]
npm install --save-dev webpack

‘肆’ webpack+vue添加插件在哪个配置文件

具体要看是什么XML配置文件,如果是web.xml这类的配置文件要放在WEB-INF下,如果是自己定义的配置文件,那放哪都行,只要程序能解析到这个XML就可以

‘伍’ webpack 打包如何 ，按需导入，如echart那样

您好，非常荣幸能在此回答您的问题。以下是我对此问题的部分见解，若有错误，欢迎指出。展开全部
可以
1、下载ECharts源码，如果不知道哪下载，网络一下ECharts，然后就能看到官网了。
2、下载后，可以看到build文件夹，如果不是为了调测，可以直接使用dist文件夹下的。echarts.js和echarts-all.js区别在于后者已经把map.js打包进去了。如果网站上不用map，应该使用echarts.js，这样因为文件小能减少加载时间。
3、把build下的文件拷贝到你想要放的工程目录中，我拷贝进来后把dist改成了echarts
4、头部引入

[javascript] view plain
<script type="text/javascript" src="../common/echarts/echarts.js"> </script>

5、然后就可以在script中使用

[javascript] view plain
require.config({
paths: {
//echarts: 'http://echarts..com/build/dist' 网络在线地址
echarts:'../common/echarts/'
}
});

6、定义一个div

[javascript] view plain
<div id="mydiv" style="width:1000px;height:600px;"></div>

7、比如画折线加柱状图

[javascript] view plain
require(
[
'echarts',
'echarts/chart/line',
'echarts/chart/bar' // 使用柱状图就加载bar模块，按需加载
],
function(ec) {//ec是包含echarts的对象，但不是echarts实例， comment by danielinbiti
var myChart = ec.init(document.getElementById('mydiv'));
myChart.setOption(option);//option似乎参数，可以参见官网的各个实例设置方式
}
)

到这里，一个配置的例子就算完事了，各种图形方式都一样。里面的参数设置要想做好了还是挺复杂的，很灵活。非常感谢您的耐心观看，如有帮助请采纳，祝生活愉快！谢谢！

‘陆’ webpack 怎样打包 多文件

简单,用鼠标把你要打包的文件都选上,随便在其中一个文件上面点右键,添加到压缩文件就OK了怕你不会,再教你怎么选那些文件:按住键盘Ctrl键不要放开(在键左下角),用鼠标一个一个把你要打包的文件都点上,它们都变成蓝色了那就是都选上了

‘柒’ 怎样写一个webpack loader

loader的基本框架
首先在工程的node_moles下面新建一个文件夹html-template-loader，在里面创建一个index.js做为这个loader的js文件。这样就可以在webpack.config.js里面添加一个loader了；

以.tpl.html作为后缀名，也就是说在逻辑代码里面引入一个.tpl.html结尾的文件，就归这个loader处理；

loader也需要写成一个模块，一个基本的loader的写法

‘捌’ webstorm怎么webpack

1.使用webstrom创建一个空的项目

‘玖’ webpack怎么配置一个文件夹下的所有文件

1.在项目中生成package.json：在项目根目录中输入npm init，根据提示输入相应信息。（也可以不生成package.json文件，但是package.json是很有用的，所有建议生成）
2.安装webpaack
a.在全局中安装webpack：npm install webpack -g
b.将webpack安装到项目并将webpack写入package.json的devDependencies中：进入项目根目录，然后在命令行中输入npm install webpack --save-dev。

‘拾’ vuecli webpack 外部js 怎么导入

把外部的 CSS样式和JS文件，导入DW软件中，一般都是通过在DW中新建一个站点目录，然后在设置一个文件夹，为站点的根目录，然后在这个目录中有个js和css的文件夹，包涵着文件，然后在DW的站点中，就能看到JS、css文件了，可以看下步骤截图：1.点击站点-》新建站点，填写好你的站点名字，文件路径2.然后点击保存之后，这个目录下的所有文件就都导入进来了，这样就能到js和css文件了。