GuoYongfeng / idoc

我的技术文档
http://guoyongfeng.github.io/idoc/
64 stars 93 forks source link

webpack疑问 #6

Open zhufengnodejs opened 8 years ago

zhufengnodejs commented 8 years ago

1. webpack.config.js中changeOrigin是什么意思

proxy: [
            {
                path: /^\/api\/(.*)/,
                target: "http://localhost:8080/",
                rewrite: rewriteUrl('/$1\.json'),
+              changeOrigin: true
            }
        ]

2. 在scripts中写命令的时候是不是可以直接写当前node_modules下面的命令?

有些地方是这个写的,要从当前路径出发寻找webpack-dev-server

"scripts": {
    "dev": "./node_modules/.bin/webpack-dev-server --progress --colors --content-base build"
}

有些地方是这么写的

"scripts": {
    "dev": "webpack-dev-server"
}

是不是如果在这里如果不写相对路径 的话它会找./node_modules/.bin下面的命令? 而./node_modules/.bin下面所有的命令是安装本地安装模块的时候安装进去的?

3. 这是noParse是啥意思,不解析,是不解析什么?

是不是如果不指定webpack还会继续解析react源代码?

+             noParse: [pathToReact, pathToReactDOM]

4. 是不是引入模块的时候如果不写路径都是去node_modules下找?

其实就是详细描述一下直接通过名称引入一个模块的话查找路径是如何的?

import 'bootstrap/dist/css/bootstrap.css'
GuoYongfeng commented 8 years ago

@zhufengnodejs

1.changeOrigin: true确定改变host

2.当前项目下安装的工具包,如果有命令行工具的,会在.bin目录下产生文件,scripts字段内配置的命令会首先到这个目录下查找,如果没有会去全局的环境查找,如果都没找到就会报错。

3.noParse是指webpack不会去查找包的文件依赖,这样可以加快webpack编译的速度

4.import 可以引入相对路径或是包的路径,相对路径就是自己封装的文件,包的路径就是npm安装的包,直接会到当前项目的node_modules下去找。