-
如果css文件中出现@import，则有两种处理方式，一种是将postcss文件单独写成配置文件postcss.config.js //webpack.config.js { test:/\.css$/, use:[ 'style-loader', { loader: 'css-loader', options: {importLoaders: 1} }, 'postcss-loader' ] } //postcss.config.js module.exports = { plugins:[require('autoprefixer')] } 另一种需要安装postcss-import插件 npm install postcss-import //webpack.config.js { test:/\.css$/, use:[ 'style-loader', { loader: 'css-loader', options: {importLoaders: 1 } }, { loader: 'postcss-loader', options: { plugins: [ require('postcss-import'), require('autoprefixer') ] } } ] }查看全部
-
webpack2.6.1版本 配置chunks为不同的html指定不同的entry 报错ERROR in Template execution failed: TypeError: Cannot read property 'entry' of undefined ERROR in TypeError: Cannot read property 'entry' of undefined 将模板index.html里里引用的js删掉就好了，只注释没用要删掉才行查看全部
-
webpack2.6.0版本，设置输出文件路径时，报错 Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. - configuration.output.path: The provided value "./dist/js" is not an absolute path! 官方文档： 需要先引入path模块， const path = require('path') 然后再在output中设置path:path.resolve(__dirname,'dist/js') module.exports = { entry : './src/script/main.js', output:{ path: path.resolve(__dirname,'dist/js'), filename: 'bundle.js' } }查看全部
-
webpack2.6.1版本直接合并会报错“Conflict: Multiple assets emit to the same ，但是文件依然会生成,并且只有main.js被打包进bundle.js了。 改为filename：'[name].js' 两个文件打包后还是两个文件，并不进行合并。查看全部
-
出现Cannot find module 'webpack/lib/node/NodeTemplatePlugin'的错误，原因是： windows里webpack是配的全局的环境变量，需要在当前项目根目录下再安装一个webpack，然后把路径也配到环境变量里去。查看全部
-
url-loader 功能类似于 file-loader，但是在文件大小（单位 byte）低于指定的限制时，可以返回一个 data URL。 可以通过传递查询参数(query parameter)来指定限制（默认为不限制）。 如果文件大小超过限制（的 byte），将转为使用 file-loader，所有的查询参数也会透传过去。查看全部
-
'webpack/lib/node/NodeTemplatePlugin 这个报错是因为 windows中 webpack是全局安装的 安装的时候是 npm install webpack -g 当前文件夹下并没有 node_module这个文件夹 解决方法是：配置环境变量，指定webpack/lib/node/NodeTemplatePlugin的准确路径； 1.右键我的电脑点击属性，弹出以”系统“为标题的窗口； 2.点击左侧高级系统，弹出系统属性窗口； 3.点击环境变量，弹出环境变量窗口； 4. 4.1如果你的webpack是是用cnpm安装的，则在dos下执行cnpm config get prefix，然后会在界面输出一个路径；我的是F:\Program Files\nodejs 然后在第3步弹出的环境变量窗口中 系统变量里新建变量NODE_PATH，值为：以第4步得到的路径开头，F:\Program Files\nodejs\node_modules;然后一直点击确定； 4.2如果你的webpack是是用npm安装的，则在dos下执行npm config get prefix；后续步骤同4.1所述； 5.关闭dos窗口，再次打开dos；就好了；查看全部
-
//webpack2.0 解决style-loader!css-loader!post-loader问题,并解决css中@import的问题： { test:/\.css$/, use:[ 'style-loader', {loader:'css-loader',options:{importLoaders:1}}, { loader:'postcss-loader', options:{ plugins:function(){ return [ require('postcss-import')(), //一定要写在require("autoprefixer")前面，否则require("autoprefixer")无效 require("autoprefixer")({browsers:['last 5 versions']}) ] } } } ] }查看全部
-
我根据老师讲解的内容用webpack2.0写了一遍，源码在https://github.com/manlili/webpack_learn，喜欢给点颗星星，谢谢！查看全部
-
我根据老师讲解的内容用webpack2.0写了一遍，源码在https://github.com/manlili/webpack_learn，喜欢给点颗星星，谢谢！查看全部
-
我根据老师讲解的内容用webpack2.0写了一遍，源码在https://github.com/manlili/webpack_learn，喜欢给点颗星星，谢谢！查看全部
-
我根据老师讲解的内容用webpack2.0写了一遍，源码在https://github.com/manlili/webpack_learn，喜欢给点颗星星，谢谢！查看全部
-
我根据老师讲解的内容用webpack2.0写了一遍，源码在https://github.com/manlili/webpack_learn，喜欢给点颗星星，谢谢！查看全部
-
我根据老师讲解的内容用webpack2.0写了一遍，源码在https://github.com/manlili/webpack_learn，喜欢给点颗星星，谢谢！查看全部
-
我根据老师讲解的内容用webpack2.0写了一遍，源码在https://github.com/manlili/webpack_learn，喜欢给点颗星星，谢谢！查看全部
举报
0/150
提交
取消